Comprar Botón Premium (Blog y SEO)

El módulo Buy Button Premium le permite vender sus productos desde las entradas de su blog o páginas externas mediante una llamada a la acción o botón de compra. A continuación encontrará toda la información necesaria para comprender y utilizar este módulo.

Ficha Creación

En esta pestaña puede crear sus botones o tarjetas de compra, personalizar su visualización y elegir cómo integrarlos en sus páginas.

Empiece por decidir el formato del botón de compra: ¿quiere integrar un único botón o una tarjeta con la foto, el nombre y el precio de su producto en sus diferentes sitios?

Paso 1 Configuración

Seleccione el producto para el que desea crear el botón de compra introduciendo las primeras letras de su nombre en el campo de búsqueda.

¿Desea mostrar el precio del producto en el botón de compra?

A continuación, podrá elegir la página en la que se mostrará el botón de compra, que puede ser una página CMS de su sitio, una página de su blog, etc. Elija "Página externa" para recuperar el código del botón una vez creado, que podrá copiar y pegar en su página externa para que aparezca en una página que no esté en su tienda.

También puede seleccionar la acción asociada a este botón. 3 opciones disponibles:

• Ir a la página del producto: redirige a la página del producto seleccionado en su tienda
• Pago: le redirige directamente a su cesta de la compra con el producto seleccionado ya añadido.
• Añadir a la cesta: añade este producto a una cesta temporal en su página y abre una ventana emergente cada vez que se añade. Le permite añadir varios productos a esta cesta provisional antes de realizar su pedido. Útil si desea añadir varios botones o tarjetas a la misma página.

Etapa 2 Diseño

Esta etapa le permitirá personalizar el diseño de su botón o tarjeta de compra para que coincida con su identidad corporativa.

En primer lugar, indíquenos el tamaño de su botón, es decir, su anchura y su altura.

A continuación, podrá personalizar el texto de su botón. Le recomendamos que rellene este texto en todas las lenguas disponibles en su tienda y que cambie el tipo de letra, el tamaño y el color. Consejo: Evite los textos demasiado largos. Un texto más corto tendrá más impacto y animará a la gente a hacer clic.

También puede cambiar el color del botón y su color cuando el ratón pasa sobre él.

En cualquier momento de esta etapa, puede previsualizar sus configuraciones en tiempo real a la derecha.

Paso 3 Posición

En este paso, encontrará 3 diferentes formas de integrar el botón o tarjeta de compra en la página de su elección.

Si ha elegido integrar una de sus páginas CMS en 1, se le ofrecerán dos opciones de ubicación: en la parte superior o inferior de la página elegida.

Si ha optado por la integración de páginas externas, puede copiar el código HTML generado e insertarlo en el código HTML de la página deseada de su blog, Wordpress o página CMS. Nota: Para saber cómo y dónde añadir este código a sus páginas externas, consulte la primera parte de esta documentación.

Por último, dispondrá de un enlace permanente para que pueda recuperarlo y compartirlo fácilmente en sus redes.

Ficha Visión general

En esta pestaña encontrará todos los botones o tarjetas que ya haya creado, en dos pestañas: botones y tarjetas. Por defecto, estos botones se ordenan por fecha de creación, siendo la primera la más reciente. Puede navegar por las páginas si se ha creado un gran número de botones.

Para mantener la coherencia de esta pestaña, el color, el tamaño y las configuraciones de texto de los botones y las tarjetas no son visibles en ella. Sólo se resalta el producto asociado para identificar sus botones y tarjetas.

Para cada botón o tarjeta, pulse sobre el lápiz :

• previsualizar el botón (acceso rápido para copiar/pegar su código html y representación visual)
• editar el botón (todas las configuraciones),
• duplique el botón (para empezar de nuevo con las configuraciones que le gusten, pero recuerde cambiar su ubicación),
• activar/desactivar un botón (si un visitante hace clic en un botón o en una tarjeta desactivada, será redirigido a la página de inicio de su tienda)
• eliminar un botón (recuerde eliminar el código del botón de su ubicación actual, de lo contrario el visitante será redirigido a su página de inicio)

Para estimar el impacto de sus botones y tarjetas, encontrará estadísticas vinculadas a cada botón o tarjeta.

• El número de visitas de sus botones
• El número total de clics en estos botones.
• El número de pedidos realizados por los visitantes que interactuaron con estos botones

Compatibilidad

Nota: este módulo es compatible con las siguientes páginas externas, en función de las configuraciones indicadas a continuación.

Wordpress.com Atención: no puede añadir botones ni tarjetas a Wordpress.org. Esta función sólo está disponible con el paquete Business de Wordpress.com. Sin embargo, si tiene un blog Wordpress que aloja usted mismo o a través de un alojamiento distinto de Wordpress.com, puede utilizar los botones y tarjetas del módulo Buy Button Premium.

Wix.com Nota: si desea añadir botones y tarjetas en Wix, debe asegurarse de que su tienda PrestaShop está en https. El protocolo http no es compatible con los sitios wix. Si desea añadir sus tarjetas y botones dentro de un contenido, siga las siguientes instrucciones.

• Elija modificar el contenido de su sitio Wix utilizando el botón Modificar de la parte inferior izquierda (será redirigido a editor.wix.com la herramienta de edición de Wix directamente en su front office).
• Una vez en el editor, elija la página en la que desea añadir su tarjeta o botón utilizando la Estructura del sitio de la izquierda.
• Tomemos el ejemplo de un artículo en su blog. Haga clic en Blog en la estructura de su sitio, elija el artículo en cuestión, haga clic en él y modifique su contenido utilizando la herramienta Gestionar entradas, seleccione el artículo y haga clic en Modificar.
• A continuación, elija la ubicación de su tarjeta o botón dentro de su artículo y pulse +.
• A continuación, haga clic en la herramienta que le permite añadir código HTML.
• Inserte su código HTML utilizando la primera herramienta preseleccionada para usted y copie/pegue el código generado por el módulo Botón de compra Premium en esta ubicación.
• Por último, puede disponer su tarjeta o botón donde desee utilizando las herramientas de diseño disponibles.

Si, por el contrario, desea añadir sus botones o tarjetas en cualquier lugar de su Wix, y no en el contenido existente, haga clic en + en la herramienta de edición rápida en editor.wix.com y luego en Más integraciones de > > Código HTML.

Joomla.com Nota: Joomla.com no está preconfigurado para soportar JavaScript. Debe configurarlo para realizar los siguientes ajustes.

• En primer lugar, vaya al menú principal en la parte superior de su pantalla y haga clic en Sistema en la esquina superior izquierda y seleccione Configuración Global.
• Será redirigido a Configuración del sitio. A continuación, en Editor por defecto, elija > Editor Ninguno.

Una vez realizadas estas configuraciones, ya puede añadir su Botón de compra Premium donde desee en sus textos.

• Por ejemplo, para añadir sus tarjetas o botones a uno de sus artículos: Haga clic en Contenido en su menú principal. Elija editar un artículo existente en el submenú Artículos o crear un artículo nuevo en el submenú Artículos destacados y, a continuación, sólo tiene que copiar y pegar el código HTML generado por el módulo Botón de compra.

Premium e insértelo en el lugar de su elección en el contenido de su texto (ejemplo de abajo al final del artículo). Podrá ver su botón o tarjeta en su tienda una vez que haya hecho clic en Guardar.

Después de añadir su botón o tarjeta, recuerde volver a Sistema > Configuración global > Configuración del sitio > Editor por defecto > Editor TinyMCE para restablecer sus configuraciones iniciales. Todo lo que tiene que hacer es realizar estos cambios en cuanto quiera añadir un botón o una tarjeta.

Themecloud.com Nota: Para Themecloud, no necesita cambiar la configuración de su sitio.

• Vaya a su Dashboard > Posts y será redirigido directamente a Edit Post donde podrá elegir editar su texto utilizando la herramienta Edit with Elementor.
• Una vez redirigido a la interfaz de edición de Elementor. Puede elegir insertar un código HTML a la izquierda. Arrastre y suelte la herramienta HTML donde desee insertar su tarjeta o botón y, a continuación, añada el código HTML generado por el módulo Botón de compra Premium.
• Haga clic en Actualizar en la parte superior izquierda de Elementor y su tarjeta o botón será visible en su sitio.

Squarespace.com Nota: si desea añadir botones y tarjetas a Squarespace.com, debe asegurarse de que su tienda PrestaShop está en https. El protocolo http no es compatible con los sitios wix.

• Haga clic en la gota o + de la parte superior izquierda del contenido de la página seleccionada para acceder a la paleta de herramientas disponibles.
• Seleccione la herramienta Código en la categoría Más.
• Añada el código HTML generado por su módulo Buy Button Premium en la ubicación dedicada. Acuérdese de guardar y verá aparecer su botón o tarjeta en su despacho en el lugar que haya elegido.