Cómo insertar formularios en Tumblr

Los formularios HTML se utilizan comúnmente en sitios web comerciales para proporcionar una interfaz para que los clientes envíen información, paguen productos o acepten las políticas del sitio web. Un formulario se compone de código HTML con valores especiales que permiten almacenar y procesar la entrada del usuario de formas específicas. A menudo, los proveedores de servicios generan formularios listos para usar para que los copie y pegue en su sitio web. Si mantiene un blog de Tumblr para su negocio, puede insertar formularios en sus publicaciones, así como el tema de su blog a través del panel de Tumblr.

Insertar formulario en una publicación de Tumblr

1

Navegue a Tumblr e inicie sesión en su panel de control. Haz clic en el nombre de tu blog en la parte superior del panel.

2

Haga clic en "Texto" para crear una publicación basada en texto.

3

Haga clic en el botón "HTML" en el menú en la parte superior del campo de publicación para abrir una ventana del editor HTML.

4

Coloque el cursor en el campo de texto del editor HTML y escriba “” (omita las comillas) para crear el formulario.

5

Coloque el cursor entre las etiquetas del formulario y cree elementos de entrada como campos de texto, botones de radio, casillas de verificación o botones. La codificación adecuada depende del tipo de elemento de entrada, el nombre del elemento y el valor. Por ejemplo, el código de una casilla de verificación debe ser similar al siguiente:

Esta es una casilla de verificación

6

Haga clic en "Actualizar" para agregar el formulario a su publicación.

7

Ingresa un título en el campo de texto "Título" y haz clic en "Crear publicación" para publicar el formulario en tu blog de Tumblr.

Insertar formulario en el tema de Tumblr

1

Inicie sesión en su panel de Tumblr, seleccione su sitio de la lista en la parte superior y haga clic en "Personalizar tema".

2

Haga clic en "Editar HTML" para abrir el panel del editor de HTML.

3

Desplácese hacia abajo hasta la ubicación en su tema de Tumblr donde desea insertar su formulario. Por ejemplo, si desea insertar el formulario en su encabezado, desplácese hacia abajo y coloque el cursor del mouse directamente después.

4

Escriba “” (sin las comillas) y luego escriba los elementos de entrada entre las etiquetas del formulario para crear el formulario. Por ejemplo, si desea un formulario con dos campos de texto, su código debe ser similar al siguiente:

Primer campo de texto: Segundo campo de texto:

5

Haga clic en "Actualizar vista previa | Guardar | Apariencia ”para cerrar el panel del editor HTML y luego haga clic en“ Guardar ”para finalizar los cambios.

6

Haga clic en "Cerrar" para volver a su panel de control.

Recursos

  • Tizag.com: Formularios
  • HTML Dog: Formularios
  • W3Schools: formularios HTML

Consejos

  • Visite sitios web como HTML Dog, W3schools y Tizag para estudiar ejemplos de elementos de entrada HTML que puede utilizar para redactar su formulario. Muchos sitios de comercio electrónico también proporcionan formularios listos para usar que simplemente requieren que copie y pegue el código en su página web.

Biografía del escritor

Jason Spidle es un entusiasta de la tecnología y escritor. Sus escritos sobre computadoras, teléfonos inteligentes, diseño web, aplicaciones de Internet, deportes y música se han publicado en una variedad de sitios web, incluidos Salon, JunkMedia, Killed in Cars y The Columbia Free Times. Spidle mantiene varios blogs con poesía, cuentos y otras obras de ficción.

Cómo usar los formularios de Wufoo en WordPress

Cómo incrustar Zoho Forms en WordPress

¿Cómo creo formularios en Dreamweaver que se conectan a una base de datos?

Cómo configurar un formulario con dos pestañas en Access

Cómo agregar tablas en HTML en Tumblr

Cómo capturar datos de formularios con el seguimiento de eventos de Google Analytics

Cómo incrustar un cuadro de inicio de sesión en HTML

Cómo ejecutar JavaScript usando onSubmit

Cómo crear un cuestionario en Dreamweaver

Cómo crear formularios e informes de entrada de datos para MySQL

Cómo agregar un aviso de derechos de autor en Tumblr

Cómo agregar un código de formulario a una publicación de WordPress