Resumen
- Crear un sitio web WordPress para una conferencia de 3 días que incluya una página de inicio, una página de información, una página de programación, un formulario de contacto y un blog.
- Implementar la funcionalidad de comercio electrónico que se utilizará para vender entradas y mercancías
- Al comprar la entrada, el asistente deberá seleccionar el tipo de entrada (delegado, patrocinador o estudiante) y facilitar su nombre, dirección de correo electrónico, talla de camiseta, dirección de Twitter y URL del sitio web.
- Una vez adquirida la entrada, ésta debe enviarse a la dirección de correo electrónico del comprador en formato HTML y debe ofrecérsele la posibilidad de descargarla en formato PDF.
- Las entradas también se venderán en persona el día del evento, por lo que el sistema deberá permitir gestionar el registro de los asistentes cada día.
El reto de los 30 minutos
Dada la limitación de tiempo, antes de empezar la construcción, preparé un logotipo, compré imágenes de archivo y creé todo el contenido de página necesario para el sitio (con un poco de ayuda de ChatGPT).
Luego me dirigí a InstaWP que es una gran herramienta para la creación de sitios sandbox utilizados para el desarrollo o pruebas. El uso de InstaWP reducirá significativamente el tiempo necesario para configurar el sitio WordPress. Cuando el sitio esté listo para entrar en funcionamiento, InstaWP ofrece herramientas de migración que facilitan la transferencia del sitio a su proveedor de servicios de alojamiento.
Al crear el sitio en InstaWP, elegí la opción de plantilla WooCommerce que puso en marcha un sitio web WordPress con WooCommerce ya instalado. A continuación, completamos la configuración de WooCommerce, establecimos la divisa en USD y configuramos PayPal para poder aceptar pagos.
A continuación, instalé el programa gratuito Elementor y el constructor de páginas gratuito Tema Astra. Estas son las herramientas con las que ya tengo experiencia, sin embargo, puedes utilizar cualquier tema o constructor de páginas con el que te sientas cómodo. A continuación, me dirigí a la sección de medios de comunicación y subí todas nuestras fotografías y gráficos que había obtenido de antemano.
A continuación, creé páginas de inicio, acerca de, programación, contacto y blog en blanco y me dirigí a la configuración de lectura de WordPress para configurar las páginas de inicio y blog. Creé un menú que incluía todas estas páginas y lo establecí como menú principal.
A continuación, volví a la página de inicio y empecé a añadir el contenido de la página de inicio y a crear un diseño eficaz. Para este reto, decidí crear todas las páginas desde cero y no utilizar plantillas.
A continuación, pasé a la página "Acerca de" y añadí el título, la imagen y el contenido. A continuación, añadí contenido a la página de contacto y añadí el widget de código corto de Elementor que se utilizará para colocar un formulario de contacto en la página. Formulario de contacto 7 plugin. Al instalar Contact form 7, genera automáticamente un formulario de contacto predeterminado y proporciona un shortcode que se puede utilizar para añadir el formulario de contacto a la página. Copié el shortcode y lo añadí a mi página de contacto utilizando el widget shortcode.
A continuación, creé la página de programación con el mismo diseño que la página "Acerca de" y publiqué una entrada de anuncio en el blog.
Utilizando la configuración del personalizador, establecí el logotipo y el icono de la cabecera del sitio.
A continuación, instalé el Plugins FooEvents que se utilizará para añadir la funcionalidad de eventos y venta de entradas al sitio. En su mayor parte, he utilizado la configuración estándar FooEvents, sin embargo, me dirigí a la configuración FooEvents y establecer entradas para utilizar un código QR en lugar de un código de barras. Se trata más bien de una preferencia personal, ya que los códigos QR tienen un aspecto estupendo y son más fáciles de escanear.
A continuación, creé un producto para las entradas y completé todos los campos estándar, como el título, la imagen característica y la descripción.
Utilizando la funcionalidad proporcionada por el FooEvents Plugin de varios días, establecí el producto como un evento de 3 días.
He configurado el correo electrónico HTML del ticket y utilizando la función FooEvents Plugin de campos personalizados para asistentesCreé campos personalizados para los asistentes que se capturarían en el momento del pago.
A continuación creé un producto estándar WooCommerce para una camiseta que se vendería en línea y en el evento para recaudar fondos.
Con el poco tiempo que me quedaba, instalé el programa gratuito Correo WP SMTP para ayudar a mejorar la entrega de nuestros correos electrónicos de tickets. WP SMTP Mail hace posible el envío de correos electrónicos del sitio, tales como correos electrónicos de tickets WooCommerce y FooEvents utilizando una cuenta de correo electrónico autenticada en lugar de directamente desde su servidor.
A falta de unos minutos, volví a la página de inicio e hice algunos retoques finales antes de que se cumpliera el plazo de 30 minutos.
El resultado final es un sitio web de conferencias totalmente funcional. Aunque el diseño es sencillo y probablemente no le vendrían mal unas cuantas horas de dedicación, transmite la información pertinente de manera profesional.
Áreas funcionales como el blog y el formulario de contacto funcionan perfectamente y nuestro sitio está listo para empezar a procesar pedidos de comercio electrónico.
Los asistentes podrán adquirir artículos de merchandising y asegurar su plaza comprando una entrada para la conferencia.
Todo lo que tendrán que hacer es seleccionar sus artículos, ir a la cesta y pasar por caja.
Aquí pueden rellenar sus datos de facturación y facilitar información sobre los asistentes que se utilizará al generar su entrada.
A continuación, pueden ver su ticket en la pantalla de detalles del pedido y, gracias al plugin FooEvents PDF Tickets, pueden descargar una copia en PDF del ticket.
El asistente también recibirá un correo electrónico con una copia del billete en PDF.
Los organizadores del evento pueden gestionar tanto los pedidos como las entradas en el panel de administración de WordPress.
Utilización de la Plugin FooEvents POSLas entradas también pueden venderse en persona el día del evento.
Los organizadores de eventos pueden imprimir entradas en el acto directamente desde FooEvents POS utilizando la mayoría de recibos térmicos e impresoras de sobremesa estándar.
Procese los pagos directamente en el sistema FooEvents POS utilizando determinados lectores de tarjetas Stripe y Square. También puede introducir manualmente los datos de la tarjeta del cliente, lo que es perfecto para recibir pedidos por teléfono o si el hardware no está disponible en su país.
Y por último, pero no por ello menos importante, utilizando la aplicación gratuita FooEvents Check-ins appsLos organizadores de eventos también pueden gestionar sin problemas las inscripciones el día del evento. Pueden encontrar fácilmente la información de las entradas buscando a los asistentes por nombre o ID de entrada, o pueden escanear la entrada con el escáner de códigos QR integrado.
Conclusión
Ha sido un reto divertido y una gran prueba de lo que se puede conseguir con WordPress y las herramientas que lo soportan. Si dispusiera de más tiempo, sin duda trabajaría en algunas cosas más (SEO, diseño, accesibilidad, rendimiento, etc.), pero teniendo en cuenta los 30 minutos de que disponía, estoy bastante contento con lo que he conseguido.
Si quieres ver más detalles, aquí tienes un vídeo del proceso de construcción completo de 30 minutos sin editar:
Estos son todos los servicios y plugins que he utilizado para crear este proyecto.
- FooEvents para WooCommerce - https://www.fooevents.com/products/fooevents-for-woocommerce
- FooEvents Plugin de campos personalizados para asistentes - https://www.fooevents.com/products/fooevents-custom-attendee-fields
- FooEvents Plugin de varios días - https://www.fooevents.com/products/fooevents-multi-day
- Plugin FooEvents PDF Tickets – https://www.fooevents.com/products/fooevents-pdf-tickets
- Plugin FooEvents POS – https://www.fooevents.com/products/fooevents-pos
- InstaWP - https://instawp.com
- WordPress - https://wordpress.org
- WooCommerce - https://woocommerce.com
- Elementor - https://wordpress.org/plugins/elementor
- Tema Astra - https://www.wordpress.org/themes/astra
- Formulario de contacto 7 - https://www.wordpress.org/plugins/contact-form-7
- El plugin WP SMTP Mail - https://www.wordpress.org/plugins/wp-mail-smtp
Si tiene alguna pregunta relacionada con FooEvents, diríjase a nuestro centro de ayuda y ponerse en contacto
English 
German 
Dutch 
Spanish 
Italian 
Portuguese 
French 
Polish 
Czech 
Greek