For blocks that include a CTA ‘”Add a call-to-action”
TABLE OF CONTENTS
Different types of content are available on your site, each with a specific role. Depending on your configuration, their appearance can also vary (blocks, single pages, and index pages).
The available content types are:
Now that you’re familiar with the main principles of content editing, here are a few tips to help you customize the user experience on your digital platform and give it an even more professional look.
We use this term to identify places or moments where you want the user to take action on your site. This can range from a “learn more” link to launching a media player, and of course, the “buy” button.
However, limiting a Call to Action to just a “button” misses the full creative potential of an action prompt!
In the content blocks, we’ve automatically applied this approach to three types of “labels” (text elements), which can be turned into a call to action (link).
Add a button
For blocks that include a CTA ‘”Add a call-to-action”
Note: For each button, you can choose to open the linked page in the current browser tab or in a new tab.
<aside> 💡 Traditionally, it’s common practice to open links pointing to the same site in the same tab (e.g., you’re on the homepage and navigate to the contact page, staying in the same tab), and to open “external” links—pointing to another site—in a new tab (e.g., you’re on the partners page and click “visit this organization’s website,” which opens a new browser tab).
</aside>
Note: For each button, you can choose to open the linked page in the current browser tab or in a new tab.
<aside> 💡 Whether you enter the page URL directly in the field or choose “none” as the style, the link will by default adopt the simple link style from the button palette as configured for that block.
You don’t see the simple link even though you added a link to a word or group of words? You may not have configured a “simple link” or assigned it to any block. In that case, the link will inherit the font style (color, typography, etc.) of the surrounding text.
To clearly distinguish the link (the word or words to click) from the rest of the text, we recommend at least adding an underline and a hover color.
</aside>
Having three button levels doesn’t just mean three different looks; it also represents three levels of importance. Using them appropriately improves the readability and accessibility of your site.
Example:
The visual style of the different buttons is tied to your site’s branding, which means it can vary significantly from one site to another—while still keeping the hierarchy of action importance.
<aside> 💡
The Golden Rule for Buttons: A page should only have one Primary button (the main action, e.g., "Register"). All other buttons should be Secondary or Tertiary to avoid confusing the visitor.
</aside>
<aside> 🔥 Avoid adding a link in a title. A title can technically be a link or contain a link, but it’s better to avoid this for clarity.
If you still want to add a link in your title, it’s possible—just follow best practices 🙂
****Example :
<h2>Find an Hotel</h2>
<h3><a href="lien-vers-hotel-three-rivers">Hotel Three Rivers</a></h3>
<ul class="horizontal">
<li><a href="hotel_three_rivers_map.html">Map</a></li>
<li><a href="hotel_three_rivers_photos.html">Photos</a></li>
<li><a href="hotel_three_rivers_directions.html">Directions</a></li>
<li><a href="hotel_three_rivers_reviews.html">Guest reviews</a></li>
<li><a href="hotel_three_rivers_book.html">Book now</a></li>
</ul>
Which would result in something like this
Links, buttons, and titles each have different roles, calling for different functionalities. Avoid overlapping them!
</aside>
For certain content—referred to as “dynamic” because it displays automatically on one or more pages without needing to be manually place, you have sorting and classification options called taxonomies. These elements allow you to filter, categorize, and organize content, making it easier to manage internally, while also helping visitors refine their results.
For example, they can search for an article on a specific topic, find an event happening at a certain location, or view members of a particular team.
Posts can be organized by:
In the left-hand menu of your website, clicking on Posts will display the following submenus:
Simply enter a name in the corresponding field, click “Add Category,” and the category will appear in a list on the right. This is where you can manage all categories later.
When creating a new article, these categories will appear on the right side of the page. You can check one or more categories to assign the article accordingly. You can select multiple options within each filter type—they are cumulative.
This way, when someone filters by categories or tags, only the relevant articles will appear. Similarly, on any given page, when adding an Articles block, you can choose to display only articles from one or more selected categories.
Teams (your members) can be organized by Function/Role/Position.
In the left-hand menu of your website, clicking on Teams will display the following submenus:
Simply enter a name in the corresponding field, click “Position,” and the category will appear in a list on the right. This is where you can manage all categories later.
When creating a new person, these categories will appear on the right side of the page. You can check one or more categories to assign the team member accordingly. This way, when someone filters by categories, only the relevant people will appear. Similarly, on any given page, when adding a Teams block, you can choose to display only members from one or more selected categories.
Events can be organized by: