Para una revisión en video de los pasos a continuación, haz clic aquí.
Después de iniciar sesión en tu sitio de GoHighLevel, dirígete a tu página de inicio/predeterminada. Primero querrás editar tu "encabezado", o barra de navegación, para incluir el código necesario para conectar tu sitio con Goodshuffle Pro:
Después de que tu elemento "HTML/Javascript Personalizado" se haya agregado a tu barra de navegación, haz clic para abrir el "Editor de Código"
Aquí, pegarás este código:
<script type="module" src="https://unpkg.com/@goodshuffle/[email protected]/dist/gspro-wc/gspro-wc.esm.js"></script> <script nomodule="" src="https://unpkg.com/@goodshuffle/[email protected]/dist/gspro-wc/gspro-wc.js"></script> <gspro-wishlist-config data-url="https://data.goodshuffle.com/vendor/YOUR-PUBLIC-WEBSITE-KEY" ></gspro-wishlist-config>
Luego, reemplazarás YOUR-PUBLIC-WEBSITE-KEY con la clave de tu pestaña de Integraciones.
Tu cuadro de código se verá así:
¡Ahora estás listo para agregar elementos a tu página!
Primero, resalta el área donde quieres que aparezcan tus elementos y luego agrega otro elemento de Código Personalizado.
Luego, resalta este elemento de código y haz clic en "Abrir Editor de Código". Aquí puedes elegir cómo te gustaría que se listaran tus elementos. Para fragmentos de código específicos, puedes revisar este artículo. Una opción es,
<gspro-item-gallery show-categories="false" category="furniture-rentals"></gspro-item-gallery>
Lo que hará que tus elementos aparezcan con una barra de búsqueda y comenzando con Muebles, así:
Por último, es posible que desees cambiar algunos colores en tu sitio de GoHighLevel. Puedes hacerlo haciendo clic en el pincel que dice "CSS Personalizado"
Aquí, puedes pegar cualquiera de los fragmentos de código que tenemos para cambiar los colores de tu sitio.
¿Necesitas ayuda adicional?
Haz clic en la burbuja de chat azul en la esquina inferior derecha de tu pantalla para enviar un mensaje a nuestro equipo de soporte—¡estamos encantados de ayudarte!
Descargo de responsabilidad: Este artículo fue traducido usando IA. Para cualquier pregunta o aclaración, por favor contáctanos usando la burbuja de chat en la esquina inferior de tu pantalla.