¿Puedo añadir un código personalizado a mi landing page? (editor de legado)
Puede agregar un código personalizado (HTML, CSS y JavaScript) a su landing page, usando el indicador de código personalizado en el editor de landing pages. Utilice esta opción siempre que desee añadir herramientas y widgets no incluidos en el editor.
El código es añadido a las versiones de escritorio y móvil de su landing page. Si desea ejecutar la prueba A/B en su landing page, asegúrese de agregar el indicador a cada variante. También puede agregarlo a una página de agradecimiento.
Hay algunas cosas a tener en cuenta cuando se trabaja con código personalizado:
- Puede añadir código personalizado sólo en la sección <body>.
- Para cumplir con el RGPD, asegúrese de informar a sus clientes potenciales y visitantes que utiliza cualquier formulario o código de terceros que implique un mapeo térmico o un seguimiento.
- Añadir múltiples códigos de seguimiento, widgets, etc. puede ralentizar su landing page. Además, sobrecargar su landing page con contenido puede hacer que los visitantes hagan clic en otro lugar.
- Cuando trabaje en el editor de landing pages, sólo verá el marcador de posición (indicador). El script sólo se ejecuta en modo de vista previa, y en una página publicada. Por lo tanto, debe inspeccionar la página inmediatamente después de publicarla, para ver si está funcionando de la manera que pretendía. No debe compartir el enlace a la página, antes de asegurarse de su calidad.
- Es una buena idea comprobar si la página que contiene el código se muestra correctamente en todos los navegadores web, especialmente si está modificando las CSS.
- Nuestro equipo de Éxito del Cliente puede brindar soporte en relación a las funciones estándar disponibles en el editor. No podemos ofrecer asistencia ni garantizar la funcionalidad de ningún otro script de terceros.
Puede añadir el código personalizado a cualquier modelo nuevo o existente en el editor. Así es como se llega:
1. Realice una de las siguientes acciones:
- Vaya a Landing pages > Crear landing page para crear una nueva página.
- si ya tiene una página, vaya a Landing pages y hága clic en ella para editarla
2. Haga doble clic en el icono Código personalizado para añadir el indicador al modelo.
El indicador aparece en el ángulo superior izquierdo de la sección mostrada.
Al hacer doble clic en el icono, se abre automáticamente una ventana en la que puede introducir el código.
3. (Opcional) Agarre y arrastre el indicador, si desea que aparezca en un lugar específico de la página. Haga doble clic en el indicador, en una ventana donde pueda ingresar el código.
4. Pegue o escriba el código. Asegúrese de envolver sus scripts con etiquetas <script> (para JavaScript). Cuando agregue múltiples fragmentos de código, péguelos uno debajo del otro.
5. (Opcional) Si está ejecutando una prueba A/B, repita los Pasos 2 a 4 para cada variante de la página.
6. Al crear una nueva página, haga clic en el icono de teléfono móvil, para generar una versión móvil de su página. Si está editando una página existente, haga clic en él para comprobar si aprueba los cambios.
7. (Opcional) Haga clic en Vista previa para comprobar si el código muestra correctamente los elementos que ha añadido, y que deberían ser visibles para sus visitantes.
8. Guarde los cambios, o publique la landing page.
9. Vea la landing page publicada, para comprobar que se exhibe correctamente.