Cómo crear formularios de wincommerce Lucky Wheel Optin con Div

Cada semana, le proporcionamos Divin de diseño y paquetes de diseño gratuitos que puede usar para su próximo proyecto. Para uno de los paquetes de apariencia, también compartimos un caso de uso que lo ayudará a llevar el sitio web al siguiente nivel. Esta semana, como parte de nuestra iniciativa continua de diseño de la Divica, le mostraremos cómo crear formularios de acompañamiento con ruedas Lucky con DIV y el complemento WP Optin Wheel. Este tutorial lo ayudará, con suerte, a aumentar las tasas de conversión de la forma OPINE. La función de juego del formulario de la rueda Lucky le permitirá interactuar con los visitantes y recompensarlos con un código de descuento que pueden usar para sus compras en línea.
¡Vamos a eso! Vista previa antes de arrojar nuestras cabezas en el tutorial, para echar un vistazo rápido al resultado en diferentes tamaños de pantalla.

Instale el complemento de búsqueda de WooCommerce e instale lo primero que tendrá que hacer si aún no lo ha hecho es instalar WooCommerce en su sitio de WordPress. También suponemos que ha configurado la tienda de compras de hardware en el sitio web de DIV en el que está trabajando. Vaya a los complementos y busque WooCommerce. Después de encontrarlo, haga clic en el botón “Instalar ahora”.

Active Asegúrese de activar inmediatamente el complemento WooCommerce.

Configurar WooCommerce entonces, WooCommerce lo redirigirá automáticamente a su formulario de configuración. Aquí, deberá completar todos los detalles para preparar su tienda para ingresar en vivo. Una vez que realice este proceso, todas las páginas de WooCommerce requeridas se agregarán automáticamente a su sitio web.

Instale el complemento WP Optin Wheel que busca el complemento y la instalación para crear la forma de optimización de la rueda Lucky, utilizaremos un complemento de juego gratuito llamado WP Optin Wheel. Regrese a sus complementos y busque en el complemento WP Optin Wheel. Luego haga clic en el botón “Instalar ahora” .Ctivate Continuar activando el complemento.

Agregue productos a WooCommerce Agregue un nuevo producto si ya ejecuta un sitio de comercio electrónico, puede omitir este lado. Sin embargo, si intenta cosas, le recomendamos que agregue algunos productos a su complemento de WooCommerce. Esto lo ayudará a probar la forma del Lucky Wheel Opine. Para agregar un nuevo producto, vaya a productos> Agregar un nuevo producto.

Agregue los detalles del producto Complete todos los detalles del producto. Esto incluye, entre otros, un nombre de producto, descripción, imagen presentada, precio y categoría. Publique la página del producto después de haber terminado de agregar estos detalles.

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

Agregar cupones a los cupones de acceso a WoCommerce ahora es el momento de agregar cupones. Más adelante en esta publicación, usaremos los cupones que creamos en forma de Optin para la rueda de la suerte. Vaya a la Junta de WordPress> WooCommerce> Cupones. Una vez que llegue allí, continúe y comience a crear el primer cupón.

Agregue el cupón no. 1: 5% de reducción general en la rueda de la suerte de 12 rebanadas, puede decidir cuántas rebanadas incluyen un premio. Por ejemplo, puede ofrecer 4 premios y crear un cupón diferente para cada uno de ellos. También puede usar un cupón para múltiples lugares en el volante. Una vez que haya creado el 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: Reducción de porcentaje

La suma del cupón: 5
Fecha de vencimiento del cupón: ingrese la fecha deseada
El uso de restricciones continúa moviéndose a las pestañas de restricción. 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 para la venta. Los cupones del artículo solo funcionarán si el artículo no está a la venta. Los cupones por carro solo funcionarán si hay artículos en el carrito que no están a la venta.
Repita los pasos para otros 3 cupones Cree cuántos cupones desea seguir los mismos pasos mencionados anteriormente. No se limite a ofrecer una reducción porcentual. También puede crear un cupón para proporcionar un descuento fijo para la canasta o el producto e incluirlo en la rueda de la suerte.
Cree el formulario Optin para la configuración del complemento de acceso a la rueda Lucky ahora, que hemos realizado todos los pasos necesarios para que la forma de la rueda de la suerte funcione, ¡podemos comenzar a crear uno! Vaya al tablero de WordPress> WP Optin Wheel.


Agregue la tecla API de MailChimp antes de comenzar a crear una rueda de suerte, deberá agregar la tecla API de MailChimp. La versión gratuita del complemento WP Wheel Optin solo ofrece integración de MailChimp. Si desea conectar la rueda de la suerte a otro proveedor, deberá cambiar a la versión premium. Venga una nueva rueda Elija el tema para comenzar a crear la rueda! Elija una paleta de colores de su elección. Para este tutorial, elegimos el naranja, porque se ajusta bien a la paleta de colores del paquete de hardware.

Posiciones de configuración El siguiente paso para crear el formulario de optimización de la rueda Lucky es la elección de un cambio ganador. Este porcentaje indica con qué frecuencia las personas ganan algo cuando giran la rueda. En este caso, cada visitante que gira la rueda tiene un 70% de posibilidades de ganar un código de cupón.

Configurar rebanadas Continúe configurando las 12 rebanadas diferentes. Puede dedicar cada una de las rebanadas a una de las tres opciones:

Sin premio: el visitante no gana nada

Código de cupón: el visitante gana un código de cupón

Enlace: los visitantes ganan un libro electrónico, por ejemplo
En este ejemplo, usamos 4 de las 12 rebanadas para agregar un código de cupón. También configuramos las posibilidades de cada uno de estos rebanadas individualmente.
Configuración del formulario de formulario El siguiente paso lo ayuda a construir el formulario Opine en sí. Notarás que ya hay un campo de correo electrónico allí. El único otro tipo de campo que puede agregar al formulario de opción es un cuadro de selección. Han agregado específicamente este tipo de campo para que el formulario cumpla con GDPR.
Continuación continua de contenido, podrá configurar el contenido escrito del formulario de optimización de la rueda Lucky. Continúe y cambie todo el contenido para que coincida con su sitio web. Configuración de diseño Abra la configuración de diseño y elija “sin modelo” para la opción Modelo de fondo.
La configuración de comportamiento también debe elegir cuándo aparece el formulario de optimización de la rueda Lucky en la configuración de comportamiento.

GDPR por último, pero no menos importante, puede asegurarse de que los datos que los visitantes no se compartan no se guarden a menos que las diversas casillas en su formulario de opción se hayan marcado y que haya terminado. Guarde el formulario de optimización de la rueda Lucky y acceda a su sitio web para probarlo.


Vista previa ahora que hemos dado todos los pasos, para echar un vistazo final al resultado en diferentes tamaños de pantalla.

Pensamientos finales Este tutorial es parte de nuestra iniciativa continua de diseño de la Divic, en la que intentamos poner algo adicional en la caja de herramientas cada semana. Esperamos que este tutorial lo ayude a construir 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.