Añadiendo un Formulario a Facebook Usando la App de Iframe Personalizado

Existen múltiples proveedores de pestañas personalizadas para Facebook, pero Static HTML de Thunderpenny es el mejor para este método. Puedes usar la app para añadir un formulario a tu página de Facebook sin necesidad de tener habilidades técnicas ni profundizar en la página de desarrolladores de Facebook.

Watch on youtube

Añadir la App de Iframe a Tu Página de Facebook

Primero, debes añadir la App de Iframe Personalizado a tu página de Facebook para crear la pestaña personalizada para tu formulario. Aquí están los pasos:

1. Ve a Static HTML: iframe tabs.
2. Haz clic en el botón Add Static HTML to a Page . El botón abrirá una pestaña de diálogo.

3. Selecciona la página donde deseas añadir la pestaña personalizada desde el diálogo.
4. Haz clic en el botón Add Page Tab en la parte inferior para finalizar. La página te redirigirá a la página elegida.

Añadir Formulario a Tu Página de Facebook

Ahora que ya tienes la app instalada, procedamos a añadir el formulario a tu página de Facebook a través de la pestaña personalizada añadida por la app Static HTML. Así es como:

1. Mientras ves tu página de Facebook, haz clic en el desplegable Más de la lista de pestañas mostradas.
2. Haz clic en Static HTML [12] de la lista. Puedes cambiar esta etiqueta más tarde.

3. Haz clic en el botón Setup tab . El botón abrirá el sitio web de Static HTML para configurar la pestaña.

4. Obtén los códigos de inserción iframe de tu formulario.
5. Pega los códigos iframe en el cuadro index.html.
6. Haz clic en el botón Save and Publish en la parte superior de la página. Deberías tener el formulario añadido esta vez. Vuelve a la pestaña personalizada de tu página de Facebook para confirmar.

Editando el Nombre de la Pestaña Personalizada

Facebook oculta la opción de editar el nombre de la pestaña desde la vista y configuraciones de tu página, pero aún puedes hacerlo con un solo parámetro añadido a la URL corta de tu página de Facebook. Esto es un poco complicado, pero mientras sigas los pasos, deberías poder cambiar el nombre o etiqueta de la pestaña. ¡Vamos a hacerlo!

1. Agrega el parámetro settings/?tab=apps a la URL de tu página de Facebook. La URL debería verse de la siguiente manera:

https://www.facebook.com/{tu_página}/settings/?tab=apps

2. Haz clic en Editar configuración de la app Static HTML. El enlace abrirá una pequeña ventana emergente.

3. Introduce tu Nombre de Pestaña Personalizada.
4. Haz clic en el botón Guardar. Hay un pequeño icono de carga como indicador. Si deja de cargar, significa que Facebook guardó los cambios.
5. Finalmente, haz clic en el botón Okay para cerrar la ventana emergente. Visita tu página para confirmar los cambios.

Eliminar la Pestaña Personalizada

Puedes eliminar fácilmente la pestaña personalizada agregando el mismo parámetro de URL settings/?tab=apps a la URL de tu página de Facebook, pero esta vez, haz lo siguiente:

1. Haz clic en el icono X en el extremo derecho de la pestaña personalizada.
2. Haz clic en el botón Sí para confirmar. ¡Eso es todo!

Añadiendo una Nueva Pestaña Personalizada

Facebook no te permite añadir la misma aplicación iframe dos veces en la misma página, pero Static HTML tiene aplicaciones reservadas para hacer esto. Ve a Thunderpenny – Add Tab para saber más.

Editando la Pestaña Personalizada

Si deseas cambiar el formulario, debes editar la pestaña personalizada. Para editar:

1. Accede a la pestaña personalizada añadida por la app Static HTML.
2. Como administrador de la página, deberías ver el botón Editar App en la parte superior del formulario. Haz clic en él. El botón te redirigirá al sitio web de Static HTML, donde puedes actualizar la configuración de la pestaña y cambiar los códigos de inserción.

A continuación, también hay una gran alternativa a la app Static HTML:

• Facebook Apps
• IFrame Apps
• Woobox – Pestaña HTML de Facebook

Si te quedas atascado en alguno de los pasos anteriores o tienes más preguntas sobre esta guía, siéntete libre de publicarlas en el cuadro de comentarios a continuación.