Agregar un Elemento JS / HTML Personalizado a su Página del Funnel

Agregar un elemento JavaScript / HTML personalizado será útil para incluir software de programación y otras herramientas en su página de Funnel. Este artículo explicará cómo agregar un elemento JS / HTML personalizado a su página.

Antes de comenzar, deberá tener lo siguiente:

Un Funnel creado

Paso 1: Agregar el elemento JS / HTML personalizado:

1. Acceda a la página de Funnels colocando el cursor sobre el menú desplegable ClickFunnels de su panel y haciendo clic en Funnels .

Adding_A_Custom_JS_HTML_Element_To_Your_Funnel_Page_1.png

2. Elija el Funnel que desea editar haciendo clic en el nombre del Funnel .

Adding_A_Custom_JS_HTML_Element_To_Your_Funnel_Page_2.png

3. Seleccione el paso del Funnel deseado.

Adding_A_Custom_JS_HTML_Element_To_Your_Funnel_Page_3.png

4. Haga clic en el botón Editar página de su página de Funnel para acceder al Editor de páginas .

Adding_A_Custom_JS_HTML_Element_To_Your_Funnel_Page_4.png

5. Navegue a Elementos y haga clic en Agregar elemento .

Adding_A_Custom_JS_HTML_Element_To_Your_Funnel_Page_5.png

También puede colocar el cursor sobre cualquier otro elemento de su página y hacer clic en el signo más para agregar un nuevo elemento.

Adding_A_Custom_JS_HTML_Element_To_Your_Funnel_Page_6.png

6. Desplácese hacia abajo y haga clic en el elemento JS / HTML personalizado en la sección Elementos varios. También puede arrastrar el elemento y soltarlo en su página según sea necesario.

Adding_A_Custom_JS_HTML_Element_To_Your_Funnel_Page_7.png

Paso 2: editar el elemento JS / HTML personalizado:

1. Desplácese sobre su elemento JS / HTML personalizado y haga clic en el ícono de ajustes para acceder a la Configuración del elemento .

Adding_A_Custom_JS_HTML_Element_To_Your_Funnel_Page_8.png

2. Haga clic en el botón Abrir editor de código para agregar su código JS / HTML.

Adding_A_Custom_JS_HTML_Element_To_Your_Funnel_Page_9.png

3. Pegue su código en el campo Javascript / HTML personalizado .

4. Haga clic en la X o fuera del campo de código para salir.

Adding_A_Custom_JS_HTML_Element_To_Your_Funnel_Page_10.png

5. Elija el tipo de código en el menú desplegable Tipo de código personalizado .

una. Código HTML / JS normal : utilice HTML y JavaScript que escriba dentro del editor de código personalizado.

Adding_A_Custom_JS_HTML_Element_To_Your_Funnel_Page_11.png

B. Código de incrustación de terceros: utilice esta opción cuando utilice un widget de terceros que se imprime en la página.

Nota importante: debido a la naturaleza personalizada y variable de la codificación personalizada, nuestro equipo de soporte no puede brindar soporte para escribir o solucionar problemas de cualquier código agregado a sus páginas de ClickFunnels.

6. Ajuste la configuración general en la pestaña Configuración . (Opcional)

una. Código HTML / JS normal : utilice HTML y JavaScript que escriba dentro del editor de código personalizado.

Adding_A_Custom_JS_HTML_Element_To_Your_Funnel_Page_12.png

7. Haga clic en Avanzado para ajustar la configuración avanzada. (Opcional)

una. Animación .

- Retraso temporizado : se desvanece o se desvanece con la escala.
- Tipo : carga de página o desplazamiento de página para el retraso que ha establecido.

Adding_A_Custom_JS_HTML_Element_To_Your_Funnel_Page_13.png

8. Haga clic en el botón Guardar para guardar sus cambios.

Adding_A_Custom_JS_HTML_Element_To_Your_Funnel_Page_14.png

Si tienes alguna pregunta sobre esto, comunícate con nuestro equipo de soporte haciendo click en el ícono de soporte en la esquina inferior derecha de esta página. Puedes pedir que te atienda un agente en Español en nuestro chat.