Shoporama

Get Started

Install and configure Clerk on Shoporama

Get Clerk up and running on your Shoporama webshop. This guide walks you through connecting your store, installing tracking scripts, and syncing your data.

For these steps you need to have both your my.clerk.io and your Shoporama accounts open.

Add store #

After logging in to my.clerk.io, the first thing you need to do is add your Store:

  1. Write the Name and Domain of your online store.

  2. Choose the Language and Currency, and Choose Shoporama as the Platform.

  3. Click Add Store.

Add store form

Install visitor tracking #

  1. In your Shoporama backend, go to Settings > HTML felter.
HTML felter menu
  1. Click Tilføj nyt HTML-felt and name it “Clerk.io”.
Add HTML field
Name HTML field
  1. Paste the visitor tracking script below into the text field and choose Tilføj automatisk til <head> in the dropdown.
<!-- 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. Click Save.

Your Public Key and Private Key are in my.clerk.io > Developers > API Keys.

If you see INSERT_PUBLIC_API_KEY in any code example, replace it with your Public Key from my.clerk.io > Developers > API Keys.

Install order tracking #

  1. Go to Settings > ... > Temaer.
Temaer menu
  1. Click the pencil icon for your active theme.
Edit theme
  1. Open thanks.html by clicking the pencil icon next to it.
Edit thanks page
  1. Find <{if $order}> and insert the script below directly after it, then save.
<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

Sync data #

You will need your API Access Token and your Store URL.

  1. In Shoporama, go to Settings > API.
API setup
  1. Click Add access.
Add access
  1. Name the API account “Clerk.io” and set rights to Read only. Save.
Set rights
  1. Copy the generated Access Token.
Copy token

  1. Go to my.clerk.io > Data > Configuration and paste the Access Token and Store URL into the appropriate fields.

  2. Click Start Sync and wait for the sync to complete.