While you create a new email template for newsletters, you often have to do the same routine actions. For instance, imagine you have a website where products are published. If you need to send an email about the promotion with a link to ten products from your site, you need to download ten pictures, product names, prices, brand names, and links to indicate them under the "Buy" button.
These downloaded elements are usually applied in the letter several times. For instance, the name of the goods is used 3 times: in the field "product names", for the title and alt-text of the product picture. The same goes for the link; we apply it for the button, picture, title, etc. And then the new action and again, it is necessary to repeat the steps described above. And what if the goods are not 10 but 50, for instance? It’s a headache, is it not?
In Stripo, we've got the solution! 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? Let's explore it!
Smart elements are the 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 daily. You can configure them once and use them across numerous promo campaigns.
At the present moment, we have 2 ways to configure smart elements inside your email templates:
The new updated, more automated method:
You only need to paste a link to your website, and Stripo will pull the product image, product description, product name, and product price into your promo emails by itself.
There is no need to save and upload images, copy and paste product descriptions, or 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 ways to activate the smart feature:
1) In the Stripo editor, we drop the structure from two containers (at once, we'll make a reservation: it’s up to you personally how many containers in the structure you need). In the first container, we add the blocks necessary to me (image, two text blocks, and a button) – we do just something like a "skeleton" of the goods card.
Then, we should select the container with the base blocks (to do this, we click on the blue label "Container" from the top), 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, which leads to the product card from your website.
2) Use any of our pre-built templates with the smart-elements feature.
Or drop the pre-built module with the product cards.
If you choose this option, the smart property 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 (Open Graph) tags, you just paste the link to the product and specify where exactly certain product information should go in the email.
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 the following websites:
How can you check if your site contains OG tags for the smart elements?
If your website is not on the list given above, you need to check if it supports the OG 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 configuring smart elements in under 10 minutes. Please take a look at this article.
The old base manually 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.
Important to note: this method definitely 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 and 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. Please take a look at this video as well.
Furthermore, it is possible 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).
You can learn how to use Modifier, Format, and Separator (helpers for smart elements) in this article.
Thank you for taking the time to read our articles. We hope you will find this information helpful.
If you have any additional questions, please email us at firstname.lastname@example.org.
We would be glad to talk with you.