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 Resumen → 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 → 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). - 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:
- Vuelva a su cuenta de Squarespace y en el menú Inicio , vaya a Configuración → Herramientas de desarrollo → 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 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.
- 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 → 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.
- 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.
Artículos relacionados