Using Email Recommendations

Setting up Email Recommendations with any Email Client

Setting up Email Recommendations with any Email Client Using the email clients built-in mergetags allows you to implement email recommendations with any client Stefan Lorenz Olsen

1. Creating an Email Design

  1. In my.clerk.io, go to Designs.

  2. Click New Design and give it a name.

  3. Choose Email, and optionally, pick either a starting Design.

  4. Style the email Design to your liking.

  5. Click Update Design.

  6. Go to Content, and create a new Content block.

  7. Choose the type of email recommendations you want to show and click Update Content.

2. Getting the Embedcode

  1. In the Content page, under Limit start by choosing the amount of products you want to be shown.

  2. In E-mail Placeholder, input a mergetag that returns the customer email

  3. In Cache buster, input a mergetag that returns something unique for the email campaign - for example, a timestamp of when the email is sent out or an ID for the campaign.

  4. The website URL can be left empty in most cases, but should be input if you are using specific product URLs. A Tracking code should only be input if you have a GA tracking code that you want to use.

  5. Copy the embedcode from the bottom of the popup.

3. Embedding the Recommendations

  1. After copying the embedcode, go to your email client.

  2. Insert the embedcode as HTML to your email in the place where you want recommendations to be shown. They will then be rendered and shown. 

4. Styling the Recommendations (Optional)

  1. Open a text-editor, and insert your embedcode.

  2. Save the file as a .html file, for example test.html.

  3. Open your file in a browser to see the results generated.

  4. In my.clerk.io go to the Design page of the email recommendations that you have created.

  5. Style the recommendations HTML structure in Edit Product Code, and its CSS styling in Edit CSS Code. You can also change the height and width of each product box on the Design page.

  6. Click Update Design and refresh the browser page that you opened your file in.

  7. Repeat until your styling looks the way you want it to.

Did this answer your question?