[contact-form-7 id="24084" title="Feedback ES"]

Plantillas Destacadas

WordPress. ¿Cómo trabajar con un formulario de reserva?

Este tutorial puede ayudar a trabajar con un formulario de reserva que está incluido en algunas plantillas de WordPress.

WordPress. ¿Cómo trabajar con un formulario de reserva?

El formulario contiene los siguientes campos: nombre, email, teléfono y mensaje, una lista de selección, selección de número, dos opciones para selección de fechas y un botón de envío. Si la plantilla contiene un formulario de reserva y le gustaría cambiar algunas de sus opciones:

  1. Abra su panel de administración de WordPress.
  2. En el menú a la derecha haga clic en Appearance -> Theme Options (Apariencia -> Opciones de tema).
  3. Haga clic en la pestaña Booking Form (Formulario de reserva).
  4. Allí Usted podrá encontrar una lista de opciones auto-explicativas:
    • Title (Título) le permite dar un nombre al formulario, por ejemplo, ‘reservar una habitación’:
    • Display ‘Name’ Field? (Mostrar campo ‘Nombre’) permite activar o desactivar el campo del nombre;
    • Text for ‘Name’ Field (Texto de campo ‘Nombre’) permite escribir un texto para el campo, por ejemplo, Su Nombre
    • Display ‘Email’ Field? (Mostrar campo ‘Email’) permite activar o desactivar el campo de email;
    • Text for ‘Email’ Field (Texto para campo ‘Email’) permite escribir un texto para el campo, por ejemplo, Email
    • Display ‘Phone’ Field? (Mostrar campo ‘Teléfono’) permite activar o desactivar el campo de teléfono;
    • Text for ‘Phone’ Field (Texto de campo ‘Teléfono’) permite escribir un texto para el campo, por ejemplo, Teléfono
    • Default Text for Select Element (Texto predeterminado para selección de elemento) permite escribir un texto para este elemento, por ejemplo, Elegir tipo de habitación
    • Display Count Select? (Mostrar selección de número) permite activar o desactivar la selección de número;
    • Text for Count Select (Texto para selección de número) permite escribir un texto para este elemento, por ejemplo, No. de habitación
    • Number of Items in Count Select (Número de elementos en selección de número) allows to enter a number of items in count select (from 1 to 10), e.g. 5
    • Date Format (Formato de fecha) perimte elegir el formato de fecha, por ejemplo, mm/dd/aa
    • Display Datepickers 1? (Mostrar selección de fechas 1) permite activar o desactivar este elemento;
    • Include Timepicker to Datepickers 1? (Incluir selección de hora en selección de fechas 1) permite activar o desactivar este elemento;
    • Default Text for Datepicker 1 (Texto predeterminado para selección de fechas 1) permite escribir un texto para este elemento, por ejemplo, Llegada
    • Display Datepickers 2? (Mostrar selección de fechas 2) permite activar o desactivar este elemento;
    • Include Timepicker to Datepickers 2? (Incluir selección de hora en selección de fechas 2) permite activar o desactivar este elemento;
    • Default Text for Datepicker 2 (Texto predeterminado para selección de fechas 1) permite escribir un texto para este elemento, por ejemplo, Salida
    • Display ‘Message’ Field? (Mostrar campo ´Mensaje´) permite activar o desactivar el campo del mensaje;
    • Default Text for ‘Message’ Field (Texto predeterminado para campo ´Mensaje´) permite escribir un texto para el campo, por ejemplo, Comentarios Adicionales
    • Text for Submit Button (Texto del botón de envio) permite escribir un texto para el botón, por ejemplo, enviar
  5. Para guardar los cambios, haga clic “Save Options” (Guardar opciones) en la parte inferior o “Restore Defaults”(Restaurar valores predeterminados) para deshacer los cambios.
  6. Abra la página con el formulario de reserva para comprobar las opciones guardadas.
  7. Para activar el formulario de reserva en su página, asegúrese de que Contact Form 7 (Formulario de contacto 7) y Contact Form 7 – Dynamic Text Extension plugins (Formulario de contacto 7 – plugins dinamicos de extensión de texto) de su plantilla están instalados y activados en el menú Plugins –> Installed Plugins(Plugins -> Plugins instalados).
  8. Abra el menú a la izquierda Contact (Contacto). Si Usted ha instalado la plantilla con los datos de la muestra, tendrá los formularios de reserva. Si no es así, es necesario agregarlos haciendo clic en “Add New” (Agregar nuevo).
  9. Por ejemplo, Reservation Form 1 (Formulario de reserva 1) (primera columna) puede tener lo siguiente en el campo Form (Formulario):
  10. <div class="reservation-form-user">
    <p><label>First Name:</label>[text* your_name]</p>
    <p><label>Last Name:</label>[text* your_surname]</p>
    <p><label>E-mail:</label>[email* your_email]</p>
    <p><label>Phone:</label>[text* your_phone]</p>
    <p><label>Fax:</label>[text your_fax]</p>
    <p class="area"><label>Special Requirements:</label>[textarea your_requirements]</p>
    <p class="submit">[submit "Send"]</p>
    </div>
  11. Y Reservation Form 2 (Formulario de reserva 2) (segunda columna) puede tener lo siguiente en el campo Form (Formulario):
  12. <div class="reservation-form-user">
    <p><label>First Name:</label>[text* your_name]</p>
    <p><label>Last Name:</label>[text* your_surname]</p>
    <p><label>E-mail:</label>[email* your_email]</p>
    <p><label>Phone:</label>[text* your_phone]</p>
    <p><label>Fax:</label>[text your_fax]</p>
    <p class="area"><label>Special Requirements:</label>[textarea your_requirements]</p>
    <p class="submit">[submit "Send"]</p>
    </div>
  13. Reservation Form 2 debe tener el campo Message body (Mensaje) rellenado, por ejemplo:
  14. From: [your_name] <[your_surname]>
     
    Coise: [selectedItem]
    Date From: [dateFrom]
    Date To: [dateTo]
    No. of rooms: [countSelect]
     
    First Name: [your_name]
    Last Name: [your_surname]
    E-mail: [your_email]
    Telephone: [your_phone]
    Fax: [your_fax]
    State/Province: [your_state]
     
    Special Requirements:
    ----------------------------------------------
    [your_requirements]
    
  15. Agregue su email al campo To: (A/Para) en Mail of Reservation Form 2 (Correo de formulario de reservación 2) para obtener lo siguiente:
  16. Guarde los cambios e trate de enviar un mensaje usando el formulario de reserva en su sitio. Si hay algún problema, verifique las versiones de los plugins.

Por favor, revise el tutorial:

WordPress. ¿Cómo trabajar con un formulario de reserva?