Wordpress:Portales municipales:Instalacion chatbot: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
1. Solitcitar el código del chatbot al grupo app. Será similar al siguiente: | 1. Solitcitar el código del chatbot al grupo app. Será similar al siguiente: | ||
<HTML> | |||
<style type="text/css">df-messenger { | <style type="text/css">df-messenger { | ||
--df-messenger-button-titlebar-color: #D16E15; | --df-messenger-button-titlebar-color: #D16E15; | ||
| Line 16: | Line 16: | ||
language-code="es"> | language-code="es"> | ||
</df-messenger> | </df-messenger> | ||
</HTML> | |||
2. Determinar si el chatbot deba aparecer en todas las páginas de la web o sólo en portada. | |||
3. Entrar en el escritorio de administración del portal y realizar las siguientes tareas. | 3. Entrar en el escritorio de administración del portal y realizar las siguientes tareas. | ||
4. Entrar en 'Divi > Generador de temas' | 4. Entrar en 'Divi > Generador de temas' | ||
5. Según la decisión tomada anteriormente proceder de la siguiente forma: | 5. Según la decisión tomada anteriormente proceder de la siguiente forma: | ||
- El chatbot aparece en todas las páginas: | - El chatbot aparece en todas las páginas: | ||
| Line 29: | Line 32: | ||
Todas las operaciones descritas posteriormente se realizarán en esta plantilla. | Todas las operaciones descritas posteriormente se realizarán en esta plantilla. | ||
6. Editar Cabecera | 6. Editar Cabecera | ||
7. Añadir una sección y colocarla en primera posición. | 7. Añadir una sección y colocarla en primera posición. | ||
8. Editar la sección (icono rueda dentada) y configurar los siguientes parámetros: | 8. Editar la sección (icono rueda dentada) y configurar los siguientes parámetros: | ||
- Pestaña 'Contenido' [esta modificación es opcional] | - Pestaña 'Contenido' [esta modificación es opcional] | ||
| Line 38: | Line 43: | ||
9. Si no se ha hecho ya, crear una fila con sólo una columna. | 9. Si no se ha hecho ya, crear una fila con sólo una columna. | ||
10. Insertar un módulo de código y configurar de la siguiente forma: | 10. Insertar un módulo de código y configurar de la siguiente forma: | ||
- Pestaña 'Contenido', apartado 'Texto' | - Pestaña 'Contenido', apartado 'Texto' | ||
- Insertar el siguiente código facilitado por el grupo app. | - Insertar el siguiente código facilitado por el grupo app. | ||
- Adecuar los colores que aparecen en la primera etiqueta '<style>' a los corporativos del portal que estamos editando. | - Adecuar los colores que aparecen en la primera etiqueta '<style>' a los corporativos del portal que estamos editando. | ||
11. Terminar realizando pruebas. | 11. Terminar realizando pruebas. | ||
NOTA: Este artículo está basado en la instalación del chatbot en el portal WP de Montilla. En otros portales puede ser necesario modificar algunos de estos ajustes o incluso realizar otros distintos. | NOTA: Este artículo está basado en la instalación del chatbot en el portal WP de Montilla. En otros portales puede ser necesario modificar algunos de estos ajustes o incluso realizar otros distintos. | ||
Latest revision as of 10:18, 12 November 2021
1. Solitcitar el código del chatbot al grupo app. Será similar al siguiente: <HTML>
<style type="text/css">df-messenger {
--df-messenger-button-titlebar-color: #D16E15;
--df-messenger-send-icon: #D16E15;
position:absolute;
z-index:99999999;
}
</style>
<script src="https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1"></script>
<df-messenger
agent-id="07432072-da62-48df-88a2-c7b2e565a522"
chat-icon="https://apis2.dipucordoba.es/apichatbots/montilla/bot.png"
chat-title="Ayuntamiento de Montilla"
intent="WELCOME"
language-code="es">
</df-messenger>
</HTML> 2. Determinar si el chatbot deba aparecer en todas las páginas de la web o sólo en portada.
3. Entrar en el escritorio de administración del portal y realizar las siguientes tareas.
4. Entrar en 'Divi > Generador de temas'
5. Según la decisión tomada anteriormente proceder de la siguiente forma:
- El chatbot aparece en todas las páginas:
Todas las operaciones descritas posteriormente se realizarán en la 'Plantilla de sitio web predeterminada'
- El chatbot aparece sólo en portada:
- Crear una plantilla nueva y asignarla a 'Página principal'.
- Hacer click en Encabezado global (menú de 3 puntos)
- Hacer click en 'Desactivar global'
Todas las operaciones descritas posteriormente se realizarán en esta plantilla.
6. Editar Cabecera
7. Añadir una sección y colocarla en primera posición.
8. Editar la sección (icono rueda dentada) y configurar los siguientes parámetros:
- Pestaña 'Contenido' [esta modificación es opcional]
- Etiqueta de administración: chatbot
- Pestaña 'Diseño', apartado 'Separación'
- Margin superior y base: -50px
- Relleno superior y base: 0
9. Si no se ha hecho ya, crear una fila con sólo una columna.
10. Insertar un módulo de código y configurar de la siguiente forma:
- Pestaña 'Contenido', apartado 'Texto'
- Insertar el siguiente código facilitado por el grupo app.
- Adecuar los colores que aparecen en la primera etiqueta '<style>' a los corporativos del portal que estamos editando.
11. Terminar realizando pruebas.
NOTA: Este artículo está basado en la instalación del chatbot en el portal WP de Montilla. En otros portales puede ser necesario modificar algunos de estos ajustes o incluso realizar otros distintos.