Bloques de producto digital

Vende acceso a tu contenido cerrado y anima a los visitantes a registrarse usando bloques de productos digitales.

Última actualización: 23 de enero de 2025

Los visitantes se inscriben y pagan sus planes de precios con bloques de productos digitales. Puedes agregar un bloque de producto digital a cualquier página, publicación de blog o área de contenido de tu sitio para promocionar tu contenido cerrado. También puedes crear una página de suscripción con varios bloques donde los visitantes puedan comparar y contrastar todas las opciones de membresía.

Esta guía cubre cómo agregar y dar estilo a los bloques de productos digitales.

Consejo

inscríbete en nuestro seminario web Cómo crear y vender cursos en línea con Squarespace. Te brindaremos orientación sobre cómo preparar un plan de clases y crear un curso en línea y cómo monetizar tus cursos con planes para precios.

Antes de comenzar

Agregar un bloque de producto digital

Para agregar un bloque de producto digital:

  1. Edita una página o publicación, haz clic en Agregar bloque o en un punto de inserción y elige Producto digital en el menú del bloque. Para obtener ayuda, visita Cómo agregar contenido con bloques.
  2. Abre el editor de bloques presionando el ícono del lápiz en el bloque.
  3. En la pestaña Contenido, selecciona uno de tus planes de precios en el menú desplegable Elige un plan de precios.
  4. Haz clic en la pestaña Diseño para establecer la alineación del bloque y editar los detalles que aparecen.
  5. Puedes reemplazar el texto del botón predeterminado del botón de unirse para que coincida con el tono de tu sitio.

También puedes agregar una nueva página a tu sitio usando uno de nuestros diseños de página de Productos Digitales diseñados profesionalmente. Estas páginas cuentan con diferentes combinaciones de texto, imágenes y bloques de productos digitales para promocionar tu contenido cerrado. Después de agregar la página, personaliza los bloques de productos digitales siguiendo los pasos anteriores.

Editar los detalles del plan de precios

En la pestaña Diseño del bloque de producto digital, elige qué detalles aparecen en el bloque, encendiendo o desactivando la opción para estas opciones:

  • Título
  • Descripción
  • Precio
  • Beneficios
  • Botón

Si deshabilitas Price, te recomendamos agregar el precio a la descripción del plan de precios, para que los posibles miembros sepan qué esperar al finalizar la compra.

No puedes ocultar el selector de opciones de precios que aparece en el bloque de producto digital para planes de precios que tienen dos opciones de precios.

Consejo

para editar el título, la descripción o el precio del plan de precios, ve a la configuración de tu plan de precios.

Estilo del bloque de producto digital

Puedes aplicar estilo al bloque de producto digital y personalizar el botón y el selector de opciones de precios (si corresponde). La forma en que cambias el diseño del bloque depende de la versión de tu sitio.

Fuente de bloque de producto digital

La descripción y el precio del plan de precios adoptan su estilo de las fuentes de todo el sitio y siguen los ajustes de Párrafo. El título sigue los mismos ajustes, pero aparece un poco más grande.

  1. Al editar la página, abre estilos del sitio.
  2. Presiona Fuentes y, luego, Párrafo.

La descripción del plan de precios y el precio utilizan el mismo estilo que el cuerpo del texto. El título sigue los mismos ajustes, pero aparece un poco más grande.

Tipo de letra y diseño de botones

Para darle estilo al botón:

  1. Abrir una página que contenga un bloque de producto digital
  2. Haz clic en Editar, abre estilos del sitio y, a continuación, haz clic en Botones.

Para cambiar el texto que aparece en el botón, edita el bloque de producto digital y cambia el texto del botón, que sigue los ajustes de fuente de Botones:

  1. Al editar la página, abre estilos del sitio.
  2. Haz clic en Fuentes y, a continuación, en Botones.
  3. Da estilo a la fuente del botón utilizando la primera sección de ajustes. El tamaño del texto del botón sigue los ajustes del botón intermedio.

Para cambiar el texto que aparece en el botón, edita el bloque de producto digital y cambia el texto del botón. El estilo y la fuente del botón tienen los mismos ajustes que los Botones:

  1. Abre una página que contenga un bloque de producto digital.
  2. Abre el panel de Estilos del sitio.
  3. Edita el diseño y la fuente del botón utilizando los ajustes de Botones. No puedes cambiar el tamaño del texto del botón.

Para obtener más información, visita Modificar el estilo de los botones.

Diseño de selector de opciones de precios

Si tu plan de precios tiene dos opciones de precios, aparece un selector de opciones de precios sobre el título del plan de precios.

Digital product block showing two fixed price plans.jpg

 

La fuente y el estilo del selector de opciones de precios siguen los ajustes de Botones, mientras que el tamaño del texto sigue el tamaño base de la fuente. No se puede cambiar el relleno del texto o la forma del botón para el selector.

El estilo y la fuente del selector siguen los ajustes de Botones. No se puede cambiar la forma del botón selector.

El selector de opciones de precios muestra automáticamente las dos opciones disponibles. El texto de cada opción es el número de pagos (para los precios fijos) o la frecuencia de renovación (para las suscripciones recurrentes). No hay forma de personalizar este texto.

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.