Working with links and buttons
Copy the link to the article

Above the toolbar, help buttons are displayed to facilitate interaction with the template.

Back arrow icon - cancels the last action(s)

This option is useful as it prevents you from having to start creating your template from the very beginning if you do not like the last changes made to it.

Forward arrow icon - reverses the last cancelled action(s)

Code editor - allows you to see the source code of the email and make changes to the code if necessary

At the top of the workspace, there is a toolbar akin to that in Microsoft Word. Here you can select the text format, font, size and colour, add a link, select the alignment, and create a bulleted or numbered list. There is the “Merge tags” option on the toolbar which allows to display customer information in the e-mail template.

Adding links to email text

To add a link to the email message, select the text and click the “Change link” button on the toolbar.

After clicking, a window with the link settings will open. Here you can specify the colour for the text, for background and links, as well as alignment, line spacing and padding.

If you click on the link, “Link” and “Title” (additional fields) will also be displayed. In the “Link” field you can select the link type and specify the name.

Regular links:

  • Site (http, https)
  • Mail (mailto:)
  • File (ftp, ftps)
  • Skype (skype:)
  • Phone (tel:)
  • SMS (sms:)
  • Other (the protocol is specified manually)

Special links:

  • Unsubscribe from the mailing (this link in the source code: <a href="%unsubscribe-link%">Link text</a>)
  • View in browser (this link in the source code: <a href="%web-version-link%">Link text</a>)


  • on Facebook
  • on Twitter
  • on LinkedIn
  • on Pinterest
  • by Mail

Enable word break

Rows are constructed character-by-character so that the text is placed in the specified width of the block. This will not work for text in Chinese, Korean or Japanese.

Adding CTA buttons

URLs can be insterted into buttons.

Let’s look at how to add a button to an email template.

  • insert the “Button” block into the template next to the element with which it is connected
  • click on the button block in the template to activate the settings panel. Paste in the appropriate URL and enter the button text
  • configure the text style: font, type and size. Set button and font colour
  • if necessary, you can apply a hover effect when hovering over the button


If the hover effect is absent in the settings panel, it must be activated via the following path: Appearance > Button > "Highlight hovered buttons" option.

In the element settings, you can also set rounding, alignment, inner and outer borders.


The hover effect is supported by the majority of email clients and desktop devices. It does not distort the appearance of your email on mobile devices and in email clients that do not support the hover effect.

Thank you for your feedback.
Was this article helpful?
  • Рекомендации не помогли
  • Нет ответа на мой вопрос
  • Текст трудно понять
  • Не нравится описанный функционал
Previous article
Configuring the appearance of an email in Stripo
This article describes the general settings for creating email templates in Stripo, including: How to add buttons, adjust responsiveness, email width, and the colour of the main elements.
Next article
Adding images
This article shows you how to add an image or banner to your email template. It also explains the rollover effect is and how to work with it.