Wordpress:Portales municipales:Instalacion chatbot

1. Solitcitar el código del chatbot al grupo app. Será similar al siguiente:

      <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>

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.