Esta semana, le mostraremos cómo crear formas suscripción teniendo una rueda de la fortuna con Divi y el WP Optin Wheel plugin. Espero que este tutorial lo ayude a aumentar las tasas de conversión. La función de juego de Lucky Wheel Optin Form le permitirá interactuar con los visitantes y recompensarlos con un código de descuento que pueden usar para sus compras en línea.

¡Vamos!

vista

Antes de sumergirnos en el tutorial, echemos un vistazo rápido al resultado en diferentes tamaños de pantalla.

Vista previa del resultado de la rueda de opcionesInstalador WooCommerce

Búsqueda de complementos e instalaciones

Si aún no lo ha hecho, lo primero que debe hacer es instalar  WooCommerce en su sitio web de WordPress. También pediremos utilizar el paquete de diseño de ferretería En el sitio web de Divi en el que estás trabajando.

Ve a tus plugins y encuentra WooCommerce. Una vez que lo encuentre, haga clic en el botón 'Instalar ahora'.

Instalar woocommerceActivar

Asegúrate de activar el complemento. WooCommerce inmediatamente.

Activar el complemento woocommerceConfigurar WooCommerce

Entonces WooCommerce lo redirigirá automáticamente a su formulario configuración. Aquí deberá completar todos los detalles para que su tienda esté lista para funcionar. Una vez que se realiza este proceso, todas las páginas necesarias de WooCommerce se agregarán automáticamente a su sitio web.

Página de configuración de Woocommerce

Instalar el plugin WP Optin Wheel

Búsqueda de complementos e instalaciones

Para crear la forma opcional de Lucky Wheel, utilizaremos un complemento de ludificación gratuito llamado WP Optin Wheel . Regrese a sus complementos y busque el complemento WP Optin Wheel. Luego haga clic en el botón 'Instalar ahora'. A continuación, debe activar el complemento.

Instalar wp optin wheel

Agregar productos a WooCommerce

Añadir un nuevo producto

Si ya tiene un sitio web de comercio electrónico, puede omitir esta parte. Si solo está intentando probar algo, le recomendamos que agregue productos a su complemento WooCommerce. Esto le ayudará a probar el formulario de suscripción de la rueda de la suerte más adelante. Para agregar un nuevo producto, vaya a Productos> Agregar nuevo .

Agregar productos de woocommerceAgregar detalles del producto

Complete todos los detalles del producto. Esto incluye, pero no se limita a, el nombre del producto, la descripción, la imagen destacada, el precio y la categoría. Publique la página del producto una vez que haya terminado de agregar estos detalles.

Agregar detalles del productoRepita para cada producto

Repita el mismo paso para cada uno de los productos que desea agregar a su sitio web.

Productos Woocommerce

Agregar cupones a WooCommerce

Ir a cupones

Ahora es el momento de agregar cupones. Más adelante en este artículo, usaremos los cupones que hemos creado como recompensa. Accede a tu Panel de WordPress> WooCommerce> Cupones . Una vez allí, comience a crear su primer cupón.

Código promocional de Woocommerce

Añadir cupón n ° 1: 5% de descuento

general

En la rueda de la fortuna de 12 rebanadas, puede decidir cuántas rebanadas incluyen un premio. Puedes, por ejemplo, ofrecer 4 premios y crear un cupón diferente para cada uno de ellos. También puede utilizar un cupón para varios puntos en la rueda. Una vez que haya creado su primer cupón, continúe e ingrese el código de cupón en la parte superior de la página. Luego cambie la configuración general:

  • Tipo de descuento: porcentaje de descuento
  • Cantidad de cupón: 25
  • Fecha de vencimiento del cupón: ingrese la fecha de su elección

Crear código promocional de woocommerceRestricciones de uso

Continúe cambiando a las pestañas de restricción de uso. Aquí puede decidir si hay un gasto mínimo y máximo relacionado con el cupón. También puede marcar las siguientes casillas:

  • Marque esta casilla si el cupón no se puede usar con otros cupones.
  • Marque esta casilla si el cupón no debe aplicarse a los artículos en oferta. Los cupones por artículo solo funcionarán si el artículo no está en oferta. Los cupones por carrito solo funcionarán si hay artículos en el carrito que no están a la venta.

Restricción de cupones de WoocommerceRepita los pasos para otros cupones 3

Cree tantos cupones como desee siguiendo los mismos pasos que se mencionan anteriormente. No está limitado a ofrecer un porcentaje de descuento. También puede crear un cupón que ofrezca un descuento fijo en un carrito o producto e incluirlo en la rueda de la suerte.

Lista de códigos promocionales de woocomerce

Crear un formulario de la rueda de la suerte de Optin

Ir a la configuración del complemento

Ahora que hemos pasado por todos los pasos necesarios para que funcione la rueda de la fortuna, ¡podemos comenzar a crear uno! Acceda a su salpicadero WordPress > Rueda WP Optin .

Rueda de suscripción de wpAgregar una clave API de MailChimp

Antes de poder crear una rueda de la suerte, debe agregar su clave API de MailChimp. La versión gratuita del complemento WP Wheel Optin solo ofrece integración con MailChimp. Si desea vincular la rueda de la suerte con otro proveedor, debe actualizar a la versión premium.

Campo de MailchimpCrea una nueva rueda

Elige un tema

¡Comencemos a crear la rueda! Elija una paleta de colores de su elección. Para este tutorial, elegimos el naranja porque está bien con la paleta de colores del Paquete de diseño de ferretería .

Seleccione una rueda de la fortuna

Opciones de configuración

El siguiente paso en la creación de su formulario La inscripción a la ruta de la fourtune consiste en elegir un porcentaje de éxito. Este porcentaje indica cuántas veces la gente gana algo haciendo girar la rueda. En este caso, cada visitante que gira la ruleta tiene un 70 % de posibilidades de ganar un código de promoción.

Definir las posibilidades de éxitoRebanadas de instalación

Continúe configurando los 12 cortes diferentes. Puede dedicar cada una de las porciones a una de las siguientes tres opciones:

  • Sin precio el visitante no gana nada
  • Código de descuento: el visitante gana un código de promoción
  • Lien: los visitantes ganan un libro electrónico, por ejemplo

En este ejemplo, usamos 4 de las 12 secciones para agregar un código de cupón. También establecemos las probabilidades para cada uno de estos sectores de forma individual.

Definir los cortes de la rueda

Configuración del generador de formularios

El siguiente paso le ayudará a crear el formulario suscripción en sí. Notarás que aquí ya hay un campo de correo electrónico. El único otro tipo de campo que puede agregar al formulario de registro es una casilla de verificación. Agregaron específicamente este tipo de campo para que el formulario cumpla con GDPR.

Agregar un formulario de suscripción a la rueda de la fortunaConfigurar el formulario

Configuraciones de contenido

Luego, puede configurar el contenido escrito de la forma de la rueda de la suerte. Continúe y cambie todo el contenido para que coincida con su sitio web.

Definir las opciones del foro de suscripciónParámetros de diseño

Luego abra la configuración de diseño y elija "sin patrón" para la opción de patrón de fondo.

Parámetro de diseño de la rueda de la fortuna

Parámetros de comportamiento.

También tiene la opción de elegir cuándo aparece el formulario opcional Lucky Wheel en la configuración de comportamiento.

Parámetros de comportamiento de la rueda de la fortuna

RGPD

Por último, pero no menos importante, puede asegurarse de que los datos compartidos por los visitantes no se guarden a menos que hayan marcado las distintas casillas en su formulario de registro y ya está. Guarde el formulario de registro de Lucky Wheel y vaya a su sitio web para probarlo.

Sección de configuración de la rueda de la fortuna de Denièrevista

Ahora que se han tomado todos los pasos, echemos un vistazo final a lo que sucedió con diferentes tamaños de pantalla.

Vista previa de resultados de la rueda de la fortunaConsideraciones finales

Esperamos que este tutorial lo ayude a crear sus listas de correo electrónico de manera más rápida e interactiva. Si tiene alguna pregunta o sugerencia, asegúrese de dejar un comentario en la sección de comentarios a continuación.