The Last browsed block

Remind contacts of products they have previously looked at on your store.

Gareth Burroughes avatar
Written by Gareth Burroughes
Updated over a week ago

The Last browsed block uses our Web behavior tracking tool to collect data of what products your contacts have been looking at on your store. You can target your contacts with email campaigns that highlight the products they last browsed.

Using the Last browsed block to build a campaign can have many advantages:

  • Increased personalisation
    Make your email campaigns more relevant and personalised, increasing the chances of the contact engaging with your email and completing a purchase.

  • Improved engagement
    Improve engagement and increase the chance of contacts becoming repeat customers.

  • Increased conversions
    Increase the chances of customers completing a purchase by reminding them of products they have already shown an interest in.

  • Better ROI
    Increase the return on investment by targeting customers who are potentially more likely to convert.


Before you start

Things you need to know:


Add the Last browsed block

  1. Drag the Last browsed block into your campaign.

  2. Select the block to open the left-side settings panel.

mceclip0.png

Layout

For Layout, you can choose the maximum number of last browsed products you want to display.

mceclip1.png

Fields

Choose the data you want to show alongside your products and the order you want everything display.

To choose which fields you want to show and the order in which they appear:

  1. On the EasyEditor canvas, select your Last browsed block.

  2. In the left-side panel, expand the Fields menu.

  3. Select the check box for any of the fields you want to show in your block.

  4. To reorder the fields, select the left side of the field block and drag it into position.

mceclip2.png

Settings

In the Last browsed block settings you can choose the currency of your products and whether or not to show the currency code.

  1. Expand the Settings left-side menu.

  2. To change the currency, expand the Currency drop-down menu and choose the currency of your products.

  3. If you want to show the currency code alongside your pricing information, select the Show currency code checkbox.

mceclip3.png

Analytics

You can add tracking information to your Last browsed block. This allows you easily tell if users have visited your site from a product in your campaign.

Tracking information is added using three UTM parameters:

Parameter name

Description

Source

The source parameter is added to the end of your URL to define your traffic source. For example, if your source is Dotdigital, you add utm_source=Dotdigital to the end of the URL.

Medium

The medium parameter is added to the end of your URL to define your traffic medium – the channel used to drive traffic to your website, such as email, social media, or paid advertising. For example, if your medium was email, you add &utm_medium=email to the end of the URL.

Campaign

The campaign parameter is added to the end of your URL to track the specific campaign driving traffic to your website. For example, if your Campaign was NewYearSale, you add &utm_campaign=NewYearSale to the end of the URL.

To add tracking information:

  1. Select the block, then expand the Analytics left-side menu.

  2. For Source, enter the source parameter you want to use for the product block.

  3. For Medium, enter the medium parameter you want to use for the product block.

  4. For Campaign, enter the campaign parameter you want to use for the product block.

mceclip4.png

Button and border settings

The Button settings let you add a button to the products on your product block; you can style these to match your template.

To display and edit the button:

  1. Expand the Button settings left-side menu.

  2. To display a button for each product, select the Display button checkbox.

  3. To style the button, select BUTTON.

    mceclip5.png

  4. Edit the styling of your button exactly as you want it. There are four main button styling fields:

    • Colour: Choose a background colour for your button. Either enter a Hex color code or select the paint can icon to choose a colour within the campaign, a custom colour, or use the color picker.

    • Alignment: Expand the drop-down menu and choose to align your button to the left, centre, right, or make it full-width.

    • Padding: Allows you to enter the amount of space you want around the button. Use the Horizontal and Vertical input fields to enter the number of pixels of padding you want for your button.

    • Minimum width: Define the smallest width of the button without breaking the layout. Minimum width is helpful to ensure that your button always has a certain width, regardless of the content inside.

      Enter the minimum width in pixels to determine the minimum width of your button.

  5. To style the border of your button, select BORDERS.

    mceclip6.png

  6. Edit the styling of your border exactly as you want it. There are four main border styling fields:

    • Colour: This is the colour of the border around your button. Either enter a Hex color code or select the paint can icon to choose a colour within the campaign, a custom colour, or use the color picker.

    • Border width: Border width refers to the thickness of the border around the button. In the Border width box, enter the number of pixels you want for your button border width.

    • Border radius: Border radius refers to the curvature of the corners of the button. In the Border radius box, enter the number of pixels of border-radius you want.

  7. If you need to customise your button further, select MANAGE BUTTON STYLES. In this side panel, you can choose a custom style or make more detailed customisations for the text.

Text style

You can style the text for the data you show in your product block. Select the text in your product block to style it. You can use the text toolbar to change the style, font, size, and colour.

mceclip7.png

Further customisations

Additional customisation requires editing the markup and Liquid code.

Did this answer your question?