Cómo agregar el botón de chat de Apple Business a su sitio web de WordPress

Apple Message es una característica que permite a los webmasters agregar el botón de chat comercial y el botón de teléfono/llamada en su sitio web. Es muy útil y conveniente, porque los usuarios pueden comunicarse directamente con los propietarios del sitio web para solicitar ayuda. Por lo tanto, como propietario de un sitio, definitivamente debe agregar el botón de chat comercial a su sitio de WordPress para aumentar su experiencia de usuario.
Se esconde el contenido
1. Paso 1: Regístrese en el chat comercial
2. Paso 2: Agregar biblioteca JavaScript
2.1. Método 1: edite el código en el archivo de tema
2.2. Método 2: Uso de SLIM SEO Plugin
3. Paso 3: Mostrar el botón de chat comercial en la posición deseada
4. Las últimas palabras
Durante la implementación, debe usar un código HTML, por lo que es relativamente difícil para aquellos que no conocen la tecnología. Pero no se preocupe porque lo guiaremos a través de este proceso paso a paso. Nota: El botón de chat comercial solo está disponible en los dispositivos Apple. Si los usuarios no usan estos dispositivos, el botón se ocultará. Paso 1: Regístrese primero en el chat comercial, acceda a la página del registro de negocios de Apple y regístrese para su negocio con su ID de Apple. Es bastante fácil, por lo que no entraré en detalles.

Ahora ya tiene su propia identificación de chat comercial. Guarde esta identificación en algún lugar porque la necesitará en el siguiente paso.
Paso 2: Agregue la biblioteca JavaScript luego, debe agregar la biblioteca JavaScript para mostrar el botón de chat comercial en el sitio. Hay dos formas de hacer esto: Método 1: Edite el código en el archivo del tema Encuentre las etiquetas o en su archivo de tema. Sus ubicaciones serán diferentes dependiendo del tema. Por ejemplo, uso el tema Justread, por lo que la etiqueta está en el archivo Header.php, y el está en el archivo Footer.php. Después de encontrar estas etiquetas anteriores, agregue este código antes de la etiqueta o a : Método 2: Uso del complemento SEO SLIM Además de editar el código en el archivo del tema, puede usar el complemento SLIM SEO para agregar sin ir al archivo del tema y buscar etiquetas y . Slim SEO es completamente gratuito, por lo que puede encontrarlo fácilmente en wordpress.org. En el tablero del administrador, vaya a complementos> Agregar nuevo, luego instale y active el complemento como de costumbre.
SLIM SEO – complemento SEO rápido y automatizado para WordPress

Autor (i): Elightup
Versión actual: 3.11.1 Última actualización: 16 de noviembre de 2021 Slim-Seo.3.11.1.zip
92% Evaluaciones más de 10,000 instalaciones WP 4.5+ requiere
Después de eso, vaya a la configuración SLIM SEO y agregue el código anterior al código de encabezado o las secciones del código de cuerpo.
Y no olvides hacer clic en Guardar. Además, SLIM SEO tiene muchas otras características útiles para ayudarlo a optimizar automáticamente los sitios de WordPress para SEO. Puede obtener más información sobre estas características aquí. PAS 3: Muestre el botón de chat comercial en la posición deseada en este paso final, debe mostrar el botón de chat comercial en el área de widget que desea. Esto se puede hacer agregando un código HTML al widget. El código HTML debe tener la siguiente estructura:

! ¿Recuerdas la identificación tomada en el paso 1? Ahora, es hora de usarlo. Mi identificación es CA0DB090 y quiero agregar el botón de chat al banner de estilo contenedor en el estilo de contenedor, por lo que mi etiqueta
es:
Tenga en cuenta que se requiere el atributo Data Apple-Business-ID. Se utiliza para especificar al propietario de la identificación de chat comercial y enviarles sus mensajes.

Además, hay muchas otras clases y atributos que puede usar para el código HTML. Puede encontrar las clases y atributos más populares en la lista a continuación: cursos para mostrar los botones de chat o llamadas:
Apple-Business-Chat-Banner-Container: Mostrar botones de chat y llamadas
Apple-Business-Chaat-Message-Container: Muestre solo el botón de chat
Apple-Business-Chat-Phone-Container: Mostrar solo el botón de llamada
etc.
Atributos para personalizar la visualización de botones de chat/llamada (colores, fuentes, tamaño, …)
Data-Apple-Banner-Font-Family: elija una fuente familiar para el color Saundu-Apple-Bank-Background: Elija fondo (círculo) Color de icono
Data-Apple-Banner-Icon-Color: elija los colores del chat y los botones de llamadas
y así
Atributos relacionados con la interacción entre los clientes y los propietarios del sitio web:
Data-Apple-Business-Group-ID: Determine el departamento que recibe llamadas/mensajes. Por ejemplo, puede asignar la identificación del “servicio al cliente” o “soporte técnico” de los departamentos a este atributo.
Data-Apple-Business-Phone: ingrese el número de teléfono que usan los usuarios para contactarlo si no pueden hablar chatando. Si no agrega este atributo, el botón de llamada se ocultará.
y así
Además, puede encontrar todos los atributos y clases de Apple aquí. Una vez que tenga las etiquetas que necesita, agrégalas a la posición deseada usando el editor HTML. Por ejemplo, quiero mostrar el botón de chat de negocios en un widget en el sótano del tema de Justread y aquí está la forma de hacerlo.
En el tablero de administración, vaya al widget de aspecto>, elija el widget HTML personalizado, luego elija mostrar el widget en el sótano.
Luego ingrese el siguiente código en widget:
Class = “Apple-Business-Chat-Banner-Container”
Fecha-manzana-empresa-

Data-Apple-Business-Phone = “0987725475”
Data-Apple-Banner-BTA = “¿Tienes alguna pregunta? ¿Podemos ayudar”?
Data-Apple-Banner-Context = “conversó con uno de nuestros profesionales para obtener su oferta para iPhone Xs”.
Data-Apple-Banner-Scale = “1”
Data-Apple-Backner-Background-Color = “RGB (27, 63, 104)”
Data-Apple-Banner-Text-Color = “RGB (255, 255, 255)” Data-Apple-Banner-Cackground-Color = “RGB (255, 255, 255)”
Data-apple-banner-icon-color = “rgba (0, 210, 143, 0.3)”>
Finalmente, haga clic en Guardar. He terminado de mostrar el botón de chat comercial en el sótano del sitio de WordPress. De ahora en adelante, los usuarios de Apple verán el botón de chat comercial que se muestra en el sótano de la siguiente manera:
Puede atacar el botón y mostrarlo en otras posiciones de la misma manera que el código, las clases y los atributos anteriores. ¡Pruébalo y muéstranos en la sección de comentarios! Las últimas palabras que usan el código para agregar el botón de chat comercial al sitio web de WordPress pueden ser bastante difíciles para los principiantes de WordPress. Pero si sigue estrictamente este tutorial, ciertamente funcionará. Después de tener el botón de chat comercial en su sitio, asegúrese de responder a las llamadas y mensajes de los clientes. Ayudará a generar confianza entre los clientes y el propietario del sitio web, mejorando así su marca y aumentando la conversión.
Además de agregar el botón de chat comercial, también puede agregar el botón de chat en vivo y el botón de chat personalizado de Facebook a su sitio web de WordPress. Estas funciones lo ayudan a responder las preguntas del cliente de manera más rápida.