Shoporama

Get Started

Instala y configura Clerk en Shoporama

Haz que Clerk funcione en tu tienda web Shoporama. Esta guía te guía a través de la conexión de tu tienda, la instalación de scripts de seguimiento y la sincronización de tus datos.

Para estos pasos necesitas tener abiertas tanto tu my.clerk.io como tus cuentas de Shoporama.

Añadir tienda #

Después de iniciar sesión en my.clerk.io, lo primero que debes hacer es añadir tu Tienda:

  1. Escribe el Nombre y Dominio de tu tienda online.

  2. Elige el Idioma y Moneda, y selecciona Shoporama como la Plataforma.

  3. Haz clic en Add Store.

Add store form

Instalar seguimiento de visitantes #

  1. En el backend de tu Shoporama, ve a Settings > HTML felter.
HTML felter menu
  1. Haz clic en Tilføj nyt HTML-felt y nómbralo “Clerk.io”.
Add HTML field
Name HTML field
  1. Pega el script de seguimiento de visitantes de abajo en el campo de texto y elige Tilføj automatisk til <head> en el menú desplegable.
<!-- Start of Clerk.io E-commerce Personalisation tool - www.clerk.io -->
<script type="text/javascript">
(function(w,d){
  var e=d.createElement('script');e.type='text/javascript';e.async=true;
  e.src='https://cdn.clerk.io/clerk.js';
  var s=d.getElementsByTagName('script')[0];s.parentNode.insertBefore(e,s);
  w.__clerk_q=w.__clerk_q||[];w.Clerk=w.Clerk||function(){w.__clerk_q.push(arguments)};
})(window,document);

Clerk('config', {
  key: 'INSERT_PUBLIC_API_KEY',
});

<{if $customer}>
Clerk('call', 'log/email', { email: '<{$customer->getEmail()}>' });
<{/if}>
</script>
<!-- End of Clerk.io E-commerce Personalisation tool - www.clerk.io -->
Add script
  1. Haz clic en Save.

Tu Public Key y Private Key están en my.clerk.io > Developers > API Keys.

Si ves INSERT_PUBLIC_API_KEY en cualquier ejemplo de código, reemplázalo por tu Public Key desde my.clerk.io > Developers > API Keys.

Instalar seguimiento de pedidos #

  1. Ve a Settings > ... > Temaer.
Temaer menu
  1. Haz clic en el icono de lápiz para tu tema activo.
Edit theme
  1. Abre thanks.html haciendo clic en el icono de lápiz junto a él.
Edit thanks page
  1. Busca <{if $order}> e inserta el siguiente script justo después, luego guarda.
<script type="text/javascript">
  var clerk_order = {};
  clerk_order['sale'] = <{$order->getOrderId() |escape}>;
  clerk_order['email'] = '<{$order->getEmail() |escape}>';
  var clerk_products = [];
  <{foreach from=$order->getOrderProducts() key="i" item="OrderProduct"}>
  clerk_products.push({id: <{$OrderProduct->getProductId() |escape}>, 'price': <{$OrderProduct->getPrice() |escape}>, 'quantity': <{$OrderProduct->getAmount() |escape}>});
  <{/foreach}>
  clerk_order['products'] = clerk_products;
  Clerk('call','log/sale', { email: clerk_order['email'], sale: clerk_order['sale'], products: clerk_order['products'] });
</script>
Add sales tracking

Sincronizar datos #

Necesitarás tu API Access Token y tu Store URL.

  1. En Shoporama, ve a Settings > API.
API setup
  1. Haz clic en Add access.
Add access
  1. Nombra la cuenta API “Clerk.io” y cambia los permisos a Read only. Guarda.
Set rights
  1. Copia el Access Token generado.
Copy token

  1. Ve a my.clerk.io > Data > Configuration y pega el Access Token y la Store URL en los campos correspondientes.

  2. Haz clic en Start Sync y espera a que la sincronización termine.

Esta página ha sido traducida por una IA útil, por lo que puede contener errores de idioma. Muchas gracias por su comprensión.