Botón Copiar Código de Cupón

¿Qué es el botón Copiar Código de Cupón?

El Botón Copiar Código de Cupón en GemPages le permite crear un botón que muestra un código de descuento en la página de su tienda. 

Cuando los usuarios hacen clic en este botón, el código de cupón se copia automáticamente en su portapapeles. Esto elimina la necesidad de entrada manual, haciendo que sea más rápido y fácil para los clientes usar sus códigos de descuento durante el proceso de pago.

¿Cómo agregar el elemento Botón Copiar Código de Cupón a su página?

Siga estos pasos a continuación para arrastrar y soltar un elemento de código de cupón de copia en su página usando GemPages Editor v7:

• Inicie sesión en su Panel de Administración de Shopify > GemPages > Páginas.
• Haga clic en la página donde desea agregar el elemento Copiar código de cupón para ingresar al editor.
• Desde la barra lateral izquierda, busque este elemento y arrástrelo y suéltelo en la posición deseada en su página.

• Localice el elemento para abrir su configuración para mayor personalización.

Configurar la pestaña Configuración

En la sección Configuración , puede configurar la visibilidad del ícono según prefiera:

Diseño

Seleccione entre dos opciones para su botón: con y sin ícono (solo texto).

Código de Cupón

Ingrese su código de cupón en el cuadro.

Tamaño

• Ancho y Altura: Defina las dimensiones del botón para asegurar que sea visible pero no intrusivo.
• Relleno: Ajuste el espaciado interno dentro del botón para una mejor alineación del texto o íconos.

Fondo

Establezca un color sólido/gradiente o imagen como fondo mediante:

• Ingresar el código de color
• Elegir de la lista "Colores recientes" o "Colores sugeridos"
• Elegir de la paleta de colores
• Usar el selector de color para establecer el color de fondo

Forma

Personalice la forma usando:

• Borde: Seleccione los estilos de borde (trazo línea/guión/punto), y cambie el color y grosor del borde para alinearse con el diseño de su marca.
• Esquina: Ajuste el radio de las esquinas para mejor visibilidad.
• Sombra: Aplique efectos de sombra para dar profundidad.

Ícono

En la sección Ícono , después de activar, puede seleccionar íconos para mostrar en este elemento.

• Opción 1: Elegir de la biblioteca del sistema GemPages

Seleccione el estilo de ícono del menú desplegable o ingrese el nombre del ícono en el cuadro de búsqueda para encontrar su ícono preferido.

• Opción 2: Cargar sus íconos personalizados

Consulte este artículo para más detalles sobre la carga de íconos personalizados.

Nota: Solo se admiten archivos SVG para cargas personalizadas.

Luego, cambie el color del ícono a su manera, y ajuste el tamaño y el relleno del ícono para alinearse con el diseño de su marca.

Texto

Si incluye texto en el botón, puede estilizarlo para adaptarse a su marca:

• Estilos: Seleccione de los estilos de encabezado para dar prominencia.
• Fuente: Elija una familia de fuentes que coincida con la tipografía de su tienda.
• Tamaño: Ajuste el tamaño del texto para visibilidad.
• Negrita/Cursiva/Subrayado: Agregue énfasis a estos estilos de texto.
• Grosor de Fuente:Controle el grosor del texto.
• Altura de Línea Ajuste finamente el espaciado entre líneas para texto multilínea.
• Espacio entre letras: Ajuste el espacio entre caracteres individuales para legibilidad.
• Transformación:Formatee el texto a mayúsculas, minúsculas o capitalice cada palabra.

Efecto

Personalice el botón en el estado Pasar el Cursor y el estado Hacer Clic el Cursor.

• Pasar el Cursor: Cambie los colores de fondo y texto cuando los usuarios estén pasando el cursor sobre su botón copiar cupón.

• Hacer Clic el Cursor:

El resultado

Guarde y publique sus actualizaciones y verifique el resultado en la tienda en vivo.

Mejores prácticas para usar el Botón Copiar Código de Cupón

Para maximizar la efectividad del Botón Copiar Código de Cupón en GemPages v7, es importante colocarlo y diseñarlo para un compromiso óptimo del usuario. 

Aquí hay algunas mejores prácticas para asegurar que le ayude a impulsar más conversiones:

Mostrarlo en Páginas de Destino o de Producto

Presentar el Botón Copiar Código de Cupón en Páginas de Destino o de Producto puede ser una forma altamente efectiva de impulsar conversiones:

• Páginas de Destino: Los visitantes vienen aquí a explorar promociones. Un botón de cupón de un clic reduce la fricción y fomenta las compras.
• Páginas de Producto: Colocar el botón cerca del precio o "Agregar al Carrito" da a los compradores un descuento rápido, aumentando la probabilidad de completar una venta.

Mostrar en Ventana Emergente del Boletín Informativo por Correo Electrónico 

• Boletín Informativo por Correo Electrónico: Agregue el botón a los correos electrónicos para un acceso fácil al cupón con un clic, eliminando la entrada manual del código y simplificando el proceso.
• Ventana Emergente: Use ventana emergente para ofrecer un cupón antes de que los clientes se vayan o después de navegar. La función de copia rápida los anima a quedarse y comprar.

Preguntas frecuentes

1. ¿Cómo mejora el botón Copiar código de cupón las tasas de conversión?

Simplifica el proceso de pago al permitir que los clientes copien y apliquen rápidamente el código, impulsando las conversiones.

2. ¿Está disponible en todos los planes de GemPages?

Sí, está disponible en todos los planes.

3. ¿Puedo personalizar el diseño del botón?

Sí, puede ajustar fácilmente su estilo, color y tamaño en el editor de GemPages.

Para cualquier asistencia adicional, no dude en contactar a nuestro Equipo de Soporte de GemPages en cualquier momento a través del chat en vivo o [email protected].