Skip to main content
Solved

Add dynamic link to product to site abandonment flow

  • 5 July 2024
  • 3 replies
  • 39 views

what’s the trigger code that Im suppose to add for the link to product to show in the text if not the image?

3 replies

Userlevel 7
Badge +30

Hi @carmenxcvii 

Thank you for posting your question in the community. The best way to determine the dynamic URL for a site abandoned flow, would be to preview the email you have built in Klaviyo and then copy the token from the sample data.

Depending on your ecommerce integration these values could be slightly different. 

So access, go to the message editor for the email you want to have the dynamic product image. In the upper right corner, you’ll find the button Preview & Test, click it.

On the right side of the screen, the recent customer data will appear with 10 recent customers who triggered your site abandoned event (in the example below, Viewed Product). 

 

To get the correct dynamic token, you’d click on ImageURL or the equivalent based on your integration, and hover your mouse/cursor over it. You’ll see a message simile to “copy {{event.ImageURL|default:””}} variable” - if you click it, your browser will copy the token.

Then, go back to your message editor, click on the image you want to set up, and then click on the Dynamic Image option and then paste the token in the field. Save.

Then, go back to the Preview & Test button to see if the image loads correctly.

I hope this helps!

@In the Inbox 

Userlevel 1
Badge +3

Hey @In the Inbox, thanks for the guide but i’m looking more of how to link the dynamic {{ event.product_name }} to be also hyperlinked so customers can be directed straight to the product

Userlevel 7
Badge +30

Hi @carmenxcvii 

Thank you for the clarification! So, if you are looking to hyperlink the dynamic product name to the product page, you would essentially need to set up the <a href> tag with two dynamic values. For example:

<a href="{{ event.URL|default:'' }}" style="color: #175052;">{{ event.Name|default:'' }}</a>

Within the href quotes would be the dynamic tag for the product URL. When you close the first bracket and before you close the <a> tag, you would include the dynamic tag for the product name.

The process to find the URL is the same as finding the image tag. Preview the email, and find the URL:

 

If you use the WYSIWYG editor, rather than mess with the HTML tags noted above, once you have the URL token copied from the preview, then, you would highlight the product name tag, select the link icon, and then paste the URL tag. 

 

 

I hope that helps better answer your question. But if you run into any other questions getting this set up, please don’t hesitate to let us know!

@In the Inbox 

Reply