### [Cómo vincular el logotipo de su formulario conversacional](https://wpforms.com/developers/how-to-link-your-conversational-form-logo/) **Publicado:** 6 de octubre de 2021 **Autor:** David Ozokoye **Extracto:** Este tutorial le mostrará cómo vincular el logotipo de su formulario conversacional a la página de inicio con un poco de JavaScript y PHP. **Contenido:** ## Introducción ¿Le gustaría vincular el logotipo de sus formularios conversacionales desde su formulario a su página de inicio? En este tutorial, crearemos un formulario conversacional utilizando el [complemento WPForms Conversational Forms](https://wpforms.com/addons/conversational-forms-addon/ "Complemento Conversational Forms"), cargaremos un logotipo para nuestro formulario y luego agregaremos un fragmento de código que vinculará ese logotipo a nuestra página de inicio utilizando un pequeño fragmento de código. Esta guía le mostrará cómo habilitar esta funcionalidad paso a paso. ## Configuración de su formulario Primero, necesitaremos crear un nuevo formulario y agregar nuestros campos a este formulario. Para el propósito de este tutorial, simplemente crearemos un formulario de reserva con algunos campos básicos. ### Habilitación de Formularios Conversacionales A continuación, deberá habilitar el formulario como un **Formulario Conversacional**. Para hacerlo, vaya a **Configuración » Formularios Conversacionales** para habilitar el formato conversacional para su formulario. Para obtener más información sobre Formularios Conversacionales, consulte nuestra guía detallada sobre [Complemento Conversational Forms](https://wpforms.com/docs/how-to-install-and-use-the-conversational-forms-addon/). ### Carga de su logotipo Ahora es el momento de cargar su logotipo en el formulario conversacional. Mientras se encuentra en la pestaña **Formularios Conversacionales**, haga clic en **Cargar imagen** y cargue su logotipo. Una vez completado, haga clic en **Guardar** para guardar los cambios. Por defecto, esta imagen no enlaza a nada. En el siguiente paso, agregaremos un fragmento de código que convertirá la imagen de su logotipo en un enlace. ## Adición del fragmento de código Ahora es el momento de agregar un fragmento a su sitio que convertirá la imagen de su logotipo en un enlace. Para obtener ayuda para agregar el código, consulte nuestra guía sobre [agregar JavaScript o PHP personalizado](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/). ## Personalización del código Deberá realizar dos cambios importantes en el código: En la **línea 10**, reemplace `375` con el ID de su formulario real. Puede encontrar el ID de su formulario en la página de descripción general de formularios de WPForms. En la **línea 20**, reemplace `'/'` con la URL deseada. Por ejemplo: - Para la página de inicio: mantenga `'/'` - Para otra página: use `'/about'` - Para un sitio externo: use `'https://example.com'` **Nota:** Hemos utilizado `'/'` para representar la página de destino de la imagen. Esto dirigiría a los usuarios a su página de inicio. Sin embargo, puede actualizar el valor `'/'` junto a la clave `href` a cualquier enlace que desee utilizar. Ahora, cuando vea su formulario conversacional y pase el cursor sobre la imagen del logotipo, verá el puntero para hacer clic en la imagen. Y eso es todo lo que necesita para vincular el logotipo de sus formularios conversacionales. ¿Le gustaría hacer lo mismo para el complemento **Páginas de formulario**? Eche un vistazo a nuestro tutorial sobre [Cómo vincular el logotipo del formulario de páginas de formulario](https://wpforms.com/developers/how-to-link-your-form-pages-form-logo/ "Cómo vincular el logotipo del formulario de páginas de formulario"). ## Relacionado Referencia de acción: [wpforms\_wp\_footer](https://wpforms.com/developers/wpforms_wp_footer/ "Uso de la acción wpforms_wp_footer") **Categorías:** Tutoriales **Etiquetas:** Javascript, JS, PHP ---