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.
Instalador 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'.
Activar
Asegúrate de activar el complemento. WooCommerce inmediatamente.
Configurar 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.
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.
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 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.
Repita para cada producto
Repita el mismo paso para cada uno de los productos que desea agregar a su sitio web.
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.
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
Restricciones 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.
Repita 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.
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 .
Agregar 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.
Crea 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 .
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.
Rebanadas 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.
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.
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.
Pará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á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.
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.
vista
Ahora que se han tomado todos los pasos, echemos un vistazo final a lo que sucedió con diferentes tamaños de pantalla.
Consideraciones 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.