Ecwid para cualquier sitio web
Con Ecwid, puede añadir toda su tienda, categorías, fichas de productos individuales o botones de compra a cualquier sitio web o blog existente en cuestión de minutos. Puede conectar la tienda Ecwid a su sitio en WordPress, Wix, Weebly, Joomla, y muchos más en minutos.
También puede añadir la tienda a otros constructores de sitios web o a sitios web construidos a medida. Solo tendrá que pegar el código de la tienda en su página y los clientes podrán empezar a comprar directamente en su sitio web.
Añadir Ecwid a los constructores de sitios web y CMS
Ecwid dispone de plugins (también llamados «aplicaciones» o «extensiones») para los constructores de sitios web y sistemas de gestión de contenidos (CMS) más populares. Permiten añadir una tienda a un sitio web sin necesidad de codificación.
Normalmente, un plugin funciona así: lo instala en su sitio web, se conecta a su cuenta de Ecwid, guarda y publica los cambios y ¡ya está! Su tienda aparece en el sitio web.
A continuación encontrará la lista de constructores de sitios web o CMS para los que tenemos plugins. Haga clic en el que utilice para ver las instrucciones sobre cómo añadir su tienda Ecwid allí:
También hay muchos otros constructores de sitios web que le ayudan a crear un sitio web sin ningún conocimiento de programación. La mayoría de ellos también permiten añadir códigos personalizados. Esto significa que también puede añadir su tienda Ecwid a dichos sitios web.
Hemos preparado unas instrucciones paso a paso que le ayudarán a añadir la tienda Ecwid a su página web si utiliza:
- Squarespace
- Blogger (en inglés)
- Jimdo
- Flexbe (en inglés)
- y muchos otros constructores de sitios web. Puede consultar una lista aquí: Ecwid para diferentes sitios.
Añadir Ecwid a un sitio web construido a medida
En caso de que no haya encontrado su constructor de sitios web en las listas anteriores o tenga un sitio web construido a medida, todavía puede añadir su tienda Ecwid siempre que pueda añadir códigos personalizados al sitio web. Puede tratarse de una pestaña de incrustación de HTML o de la fuente o de un bloque especial o de un ajuste en el que puede añadir el código de su tienda Ecwid.
Consulte los vídeos rápidos sobre cómo añadir su tienda Ecwid a un sitio construido a medida:
Aquí tiene una instrucción sobre cómo añadir una tienda Ecwid a un sitio web:
- Desde su administrador de Ecwid, vaya a Sitio web.
- Desplácese hasta la sección «Añadir Ecwid a su página web» y haga clic en Venda en su sitio web → Otras plataformas y desarrolladores de sitios web.
- Haga clic en Copiar código al portapapeles. Este es el código de su tienda.
- Si no, puede copiar el código de integración aquí mismo. Recuerde sustituir el 1003 en el ejemplo siguiente por el identificador de su tienda (en inglés) que puede ver en la esquina inferior izquierda de su panel de control:
<div id="my-store-1003"></div>
<div>
<script data-cfasync="false" type="text/javascript" src="https://app.ecwid.com/script.js?1003&data_platform=code" charset="utf-8"></script><script type="text/javascript"> xProductBrowser("id=mi-tienda-1003");</script>
</div> - Vaya al editor de su sitio web y abra la página en la que desea que aparezca la tienda.
- Pegue el código en el código fuente de la página. Puede ser una pestaña de HTML o de fuente o un botón separado para añadir códigos. Esto varía según el sitio web. Si no está seguro de cómo añadir códigos personalizados a su sitio web, póngase en contacto con el desarrollador de su sitio web para obtener instrucciones más detalladas.
- Guarde y publique los cambios.
Después de esto, su tienda aparecerá en el sitio web y los clientes podrán empezar a hacer pedidos.
Añadir extensiones de la tienda a un sitio web construido a medida
Puede añadir extensiones a su sitio web para ayudar a los clientes a navegar por él y encontrar lo que buscan más fácilmente.
Puede añadir estas extensiones de tienda a su sitio:
- Cesta adicional (en inglés). Muestra cuántos artículos hay en la cesta de la compra y ayuda a los clientes a ir a la página de la cesta para ver el contenido de la misma y completar la compra.
- Menú de navegación por categorías. El menú muestra las categorías de su tienda como una lista horizontal con pestañas que ayudan a los clientes a ver qué tipos de productos ofrece y a encontrar lo que buscan.
- Cuadro de búsqueda de productos.Con un cuadro de búsqueda, los clientes pueden buscar productos por nombre, SKU, nombres de opciones y otros y encontrar el producto específico que necesitan sin tener que navegar por todas las páginas de la tienda.
Para añadir estas extensiones a un sitio web construido a medida, utilice las mismas instrucciones que para añadir un catálogo de tiendas a un sitio. Si utiliza un constructor de sitios web o un CMS en el que añade Ecwid con la ayuda de un plugin, normalmente puede añadir las extensiones dentro de la configuración del plugin. Compruebe las instrucciones del constructor de sitios web o CMS que utilice.
Preguntas frecuentes
Cuando hago clic en la extensión de la cesta de la compra/búsqueda/menú, lo veo en una ventana emergente. ¿Cómo puedo abrirla en una página en lugar de una ventana emergente?
El catálogo de su tienda puede abrirse en una ventana emergente si solo ha añadido extensiones de la tienda a la página de su sitio (icono de la cesta de la compra, cuadro de búsqueda, menú de la tienda o tarjetas de productos individuales/botones de compra), pero no ha añadido el catálogo de la tienda a esa página. Como no hay una página del sitio con el catálogo de la tienda, los productos aparecen en una ventana emergente cuando se hace clic en un elemento del menú o en el icono de la cesta.
Para mostrar contenido en la página en lugar de ventanas emergentes, puede simplemente añadir el catálogo de su tienda a la página de su sitio. Siga las instrucciones sobre cómo añadir Ecwid a un constructor de sitios web o a un sitio web personalizado. O, en caso de que no quiera añadir el catálogo de su tienda a esta página, puede redirigir a los clientes a otra página con su tienda.
Para deshacerse de las ventanas emergentes y redirigir a los clientes a otra página con el catálogo de su tienda:
- Vaya a la administración de su sitio web.
- Añada el siguiente código al código fuente de su sitio web y sustituya PB_URL por el enlace a la página con el catálogo de su tienda, por ejemplo, https://www.ejemplo.com/tienda:
<script>var ecwid_ProductBrowserURL = "PB_URL";</script> - Guarde y publique los cambios en su sitio web.
Después, cuando un cliente haga clic en un menú del sitio o pulse el botón «Examinar la tienda» en la página de la cesta, se le redirigirá a la página con su tienda.