Creating a new email template for newsletters, you often have to do the same actions. For example, imagine: you have a website where products are published. If you need to send an email about the promotion with a link to 5 products from your site, you need to download 5 pictures, product names, their prices, and links to indicate them under the “Buy” button.
These downloaded elements are usually applied in the letter several times, for example, the name of the goods is used 3 times: in the field “product names”, for title and alt-text of the picture of the goods. The same goes for the link, we apply it for the button, for the picture, for the title, etc. And tomorrow the new action and again it is necessary to repeat the steps described above. And what if the goods are not 5 but 50? It’s a pain, is not it?!
In order to reduce the loss of your time for performing routine operations, we created a new entity – a smart element that allows you to automate this process!
So, what is a smart element?
Smart Elements are a functionality designed by Stripo. It allows you to automate email production. This is a true time-saver for those who build multiple product cards and email digests. You configure them once and use across numerous promo campaigns.
For now, we have 2 ways to configure smart-elements inside your email templates:
new updated easiest method.
All you have to do is paste a link to your website, and Stripo by itself pulls product image, product description, and product name into your promo emails.
No need for you to save and upload images, no need to copy and paste product descriptions, add necessary URLs to buttons — we’re on it.
So, how can we activate the smart option and where should you paste the link?
There are two 2 ways to activate the smart option:
1) In the Stripo editor, we drop the structure from two containers (at once I will make a reservation: it’s up to you personally, how many containers in the structure you need). In the first container, I add the blocks necessary to me (Picture, two blocks Text, Button) – I do the “skeleton” of the goods card.
Next, I select the container with the base blocks (for this I click on the blue label “Container” from the top), I select the “Data” tab in the sidebar and click on the “Begin” button to activate the Smart property.
In the "Link" field we should insert the URL link. Below you will find a link to the detailed instruction how to configure smart-elements step by step.
2) use any of our pre-built templates with smart-containers or drop our pre-built modules
If you choose this option, the smart-option will be activated by default, all that remains is to set up a smart container and add the URL link in the same way as we saw in the example above.
So if your site contains OG tags, you just paste the link to the product and specify where exactly in the email certain information on the product should go. It will take you under 5 mins — just once. Next time, when using the Smart Elements again, you will only need to paste the link to the product with no configuration required.
Our updated Smart Elements are fully compatible with websites as follows:
How do you check if your site contains smart elements
If your website is not on the list given above, you need to check if it supports the OG — Open Graph — tags:
right-click on your website;
click Ctrl+F on Windows, or CMD+F on macOS;
if you find any in the code, then your site does support it.
If your website supports the OG tags, we’ve prepared a brief manual on how to configure smart elements in under 10 minutes. Please check this article.
2. old base method
If your site does not support the OG tags, please refer to our “Smart Elements Reduce the Time Spent on Creating Similar Emails” blog post for the manual on how to work with the Smart Elements in this case.
Please be advised, it requires basic technical skills.
Using this method, you need once to set up the content, in which the title of the product, picture, price, description, and button “Buy” will be arranged in the desired order, as well as their appearance. Then add the variables, set the rules where to get the values and where to apply them and everything – the smart element is ready for use.
In addition, there is a possibility to modify or format pulled data (cut out some part of it, or for example, you'd like to round, group, or add symbols to the price).
How to use fields Modifier, Format, and Separator? (helpers for Smart- elements) you can learn in this article
If you have any questions, please email us at firstname.lastname@example.org.