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.
Añadir una tienda a Squarespace
Para añadir la tienda Ecwid a Squarespace:
- Desde su administrador de Ecwid, vaya a Canales de ventas → Squarespace.
- Primero, copie el código de integración haciendo clic en Copiar código al portapapeles:
- 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:
- Pase sobre el área de la página y haga clic en Editar:
- 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:
- 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.
- 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.
- Cambie el tamaño del bloque de código para asegurarse de que su tienda aparece en el tamaño adecuado.
- (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 → Canales de ventas → 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). - Ahora tiene que añadir el código del script de Ecwid en Squarespace. Desde su administrador de Ecwid, vaya a Canales de ventas → 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:
- Vuelva a su cuenta de Squarespace y en el menú Inicio , vaya a Sitio web → Páginas → Herramientas del sitio web → Inyección de código.
- En la sección Pie de página, pegue el código del script que ha copiado en el paso 9.
- Haga clic en Guardar en la esquina superior izquierda.
¡Hecho! Ahora su tienda online Ecwid está incrustada en su sitio de Squarespace.
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:
- 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:
- Pase sobre el área de la página y haga clic en Editar:
- 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:
- 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.
- Desde su administrador de Ecwid, vaya a Canales de ventas → 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.
- Cambie el tamaño del bloque de código para asegurarse de que su tienda aparece en el tamaño adecuado.
- (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 → Canales de ventas → 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.
- Guarde los cambios.
- Repita los pasos anteriores para la segunda tienda.
<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.
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 añadir un Botón Comprar a su sitio Squarespace:
- Desde su administración de Ecwid, vaya a Canales de ventas.
- Desplácese hasta la tarjeta Botón Comprar y haga clic en Empezar.
- Haga clic en Elegir producto y utilice la barra de búsqueda para elegir un producto que desee incrustar.
- Elija un diseño y los detalles del producto que desea mostrar.
- Haga clic en Generar código y, a continuación, en Copiar código.
- Abra su panel de control de Squarespace y elija el sitio en el que desea que aparezca su Botón Comprar.
- Haga clic en Páginas, seleccione la página web donde desea colocar un Botón Comprar y haga clic en Editar.
- 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.
- En el menú emergente, seleccione Código.
- 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.
- 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:
Artículos relacionados