Base de conocimientos
Guías
Academia
Tutoriales en vídeo
Intenta buscar:
Artículos vistos recientemente:

Tabla de contenidos

Vender en Squarespace con Ecwid

Squarespace es un generador popular de sitios web con plantillas prediseñadas y elementos de arrastrar y soltar para ayudarle a crear y modificar páginas web. Puede añadir una tienda en línea de Ecwid a su sitio de Squarespace para empezar a vender en línea.

Esencialmente, Ecwid y Squarespace son dos cosas diferentes. Ecwid es una solución de comercio electrónico que puede utilizar para crear su tienda online desde cero. Una vez que se haya registrado en Ecwid, puede insertar su tienda online en su sitio web de Squarespace, para que sus clientes puedan añadir productos al carrito de la compra y comprar allí. Más adelante puede extender su tienda a otros canales de ventas como Facebook, Instagram o Amazon.

Para añadir una tienda Ecwid a su sitio Squarespace, tiene que tener un plan Business o Commerce de Squarespace. En Ecwid, puede estar en cualquier plan, incluido el plan gratuito.

Añadir una tienda a Squarespace

Para añadir la tienda Ecwid a Squarespace:

  1. Desde su administrador de Ecwid, vaya a Resumen → Squarespace.
  2. Primero, copie el código de integración haciendo clic en Copiar código al portapapeles:

    Selling_on_Squarespace__7_.png

  3. En su cuenta de Squarespace, abra el menú Inicio , haga clic en Páginas y seleccione la página donde quiere que aparezca su tienda, o añada una nueva página:

    Selling_on_Squarespace__3_.png

  4. Pase sobre el área de la página y haga clic en Editar:

    Selling_on_Squarespace__2_.png

  5. Mueva el ratón sobre la página y haga clic en Añadir sección para añadir un nuevo bloque de contenido a esta página, luego seleccione la opción Añadir en blanco + en el lado izquierdo:

    Selling_on_Squarespace__5_.png

  6. Verá un bloque añadido al centro de su página. Paso el ratón sobre el centro del bloque. Haz clic en + Añadir bloque para ver las opciones de contenido del bloque y haga clic en </> Código.
  7. En la ventana emergente, elimine el código de muestra y añada el código de la tienda Ecwid que ha copiado en el paso 2. Se guardará automáticamente.
  8. Cambie el tamaño del bloque de código para asegurarse de que su tienda aparece en el tamaño adecuado.
  9. (opcional) Puede añadir extensiones de la tienda como el Menú de navegación por categorías, la Cesta adicional y el Cuadro de búsqueda de productos en la página de su tienda. Para ello, vaya a su administrador de Ecwid → Resumen → Squarespace, desplácese hacia abajo a Tienda de extensiones, elija la extensión que desea añadir, y copie el código al bloque Código en Squarespace donde previamente ha añadido el código de integración Ecwid. Aparecerán en la página en el mismo orden en que se añaden sus códigos.
    Para añadir una determinada categoría o un producto en lugar de toda la tienda, utilice uno de los códigos siguientes como primera parte del código de integración de Ecwid:
    <div id='my-store-0000' data-default-category-id='1111'></div>
    <div id='my-store-0000' data-default-product-id='2222'></div>

    Sustituya 0000 por el ID de su tienda (en inglés). Sustituya 2222 y 1111 con la respectiva categoría o producto (en inglés).
  10. Ahora tiene que añadir el código del script de Ecwid en Squarespace. Desde su administrador de Ecwid, vaya a Resumen → Squarespace otra vez y haga clic en el segundo Copiar código al portapapeles para obtener un código de script que necesitará añadir al pie de página de su sitio:

    Selling_on_Squarespace__1_.png

  11. Vuelva a su cuenta de Squarespace y en el menú Inicio , vaya a Configuración → Herramientas del sitio web → Inyección de código.
  12. En la sección Pie de página, pegue el código del script que ha copiado en el paso 9.
  13. Haga clic en Guardar en la esquina superior izquierda.

¡Hecho! Ahora su tienda online Ecwid está incrustada en su sitio de Squarespace.

Selling_on_Squarespace__6_.png

Añadir dos tiendas a Squarespace

Si tiene dos tiendas con inventarios separados en dos ubicaciones, o si desea configurar una segunda tienda online para separar productos al por mayor y pedidos al por menor, puede añadir dos tiendas Ecwid a un sitio de Squarespace.

No hay opción para añadir dos tiendas en la misma página de su sitio de Squarespace. Aún así, puede añadir tiendas Ecwid en diferentes páginas de su sitio web. De esta manera, usted tendrá dos tiendas en un solo sitio.

Para agregar dos tiendas Ecwid a su sitio de Squarespace:

  1. En su cuenta de Squarespace, abra el menú Inicio , haga clic en Páginas y seleccione la página donde quiere que aparezca su primera tienda, o añada una nueva página:

    Selling_on_Squarespace__3_.png

  2. Pase sobre el área de la página y haga clic en Editar:

    Selling_on_Squarespace__2_.png

  3. Haga clic en Añadir sección para añadir un nuevo bloque de contenido a esta página, luego seleccione la opción Añadir en blanco + en el lado izquierdo:

    Selling_on_Squarespace__5_.png

  4. Verá un bloque añadido al centro de su página. Paso el ratón sobre el centro del bloque. Haz clic en + Añadir bloque para ver las opciones de contenido del bloque y haga clic en </> Código.
  5. Desde su administrador de Ecwid, vaya a Resumen → Squarespace. Copie tanto el código de integración Ecwid como el código de script de Ecwid en la ventana emergente de Código en su editor de sitio de Squarespace. Se guardará automáticamente.
  6. Cambie el tamaño del bloque de código para asegurarse de que su tienda aparece en el tamaño adecuado.
  7. (opcional) Puede añadir extensiones de la tienda como el Menú de navegación por categorías, la Cesta adicional y el Cuadro de búsqueda de productos en la página de su tienda. Para ello, vaya a su administrador de Ecwid → Resumen → Squarespace, desplácese hacia abajo a Tienda de extensiones, elija la extensión que desea añadir, y copie el código en el Bloque de código en Squarespace donde previamente ha añadido los códigos. Aparecerán en la página en el mismo orden en que se añaden sus códigos.
  8. Guarde los cambios.
  9. Repita los pasos anteriores para la segunda tienda.
Para añadir una determinada categoría o un producto en lugar de toda la tienda, utilice uno de los códigos siguientes como primera parte del código de integración de Ecwid:
<div id='my-store-0000' data-default-category-id='1111'></div>
<div id='my-store-0000' data-default-product-id='2222'></div>
Sustituya 0000 por el ID de su tienda (en inglés), 2222 y 1111 por el respectivo identificador de categoría o producto (en inglés).

¡Hecho! Ahora su tienda online Ecwid está incrustada en su sitio de Squarespace.

two_Ecwid_stores_on_Squarespace.png

Si la página de la tienda no está vinculada a la navegación, asegúrese de moverla al menú de su sitio y empezar a aceptar pedidos en línea.

Añadir un solo producto a Squarespace

Puede convertir su página habitual en un sitio Squarespace en un canal de venta añadiendo un Botón Comprar. El Botón Comprar de Ecwid se parece a una ficha de producto y la opción de pago se puede añadir a cualquier página web. Un Botón Comprar también es una gran herramienta si no necesita añadir todo el catálogo a su sitio y solo desea destacar un producto.

Para incrustar un Botón Comprar, tiene que estar en planes Squarespace Business y Commerce.

Para añadir un Botón Comprar a su sitio Squarespace:

  1. Desde su administración de Ecwid, vaya a Resumen.
  2. Desplácese hasta la tarjeta Botón Comprar y haga clic en Empezar.
  3. Haga clic en Elegir producto y utilice la barra de búsqueda para elegir un producto que desee incrustar.
  4. Elija un diseño y los detalles del producto que desea mostrar.
  5. Haga clic en Generar código y, a continuación, en Copiar código.
  6. Abra su panel de control de Squarespace y elija el sitio en el que desea que aparezca su Botón Comprar.
  7. Haga clic en Páginas, seleccione la página web donde desea colocar un Botón Comprar y haga clic en Editar.
  8. Busque el elemento de la página en el que desea que aparezca su Botón Comprar, mueva el cursor sobre el área Contenido de la página y, a continuación, haga clic en + Añadir bloque.
  9. En el menú emergente, seleccione Código.
  10. En el campo de texto, pegue el código que ha copiado de su administración de Ecwid. Asegúrese de que el campo de texto está configurado para recibir HTML. Cambie el tamaño del bloque si es necesario para que el botón tenga el tamaño adecuado.
  11. Pulse Hecho para guardar los cambios.

¡Eso es todo! Ahora tiene una ficha de producto incrustada en su página web. Cuando un cliente hace clic en el botón Comprar ahora o Añadir a la cesta, el producto se añadirá al carrito y podrá finalizar su pedido sin salir de su sitio web:

buy_now_button.gif

Artículos relacionados

Etiquetar productos en Instagrama
Vender en Facebook

¿Fue útil este artículo?

¡Increíble! ¡Gracias por sus comentarios!

¡Gracias por sus comentarios!

¡Lo sentimos! ¿Qué ha ocurrido?
Usuarios a los que les pareció útil: 25 de 28
10
Usamos cookies y tecnologías similares para recordar sus preferencias, medir la efectividad de nuestras campañas y analizar datos despersonalizados con el fin de mejorar el rendimiento del sitio. Al elegir «Aceptar», da su consentimiento para el uso de cookies.
Aceptar cookies Rechazar