What is a component template?
What is a component?
A component is a template that has been imported in the editor of any campaign and adapted (in some cases) to meet specific needs.
What is the difference between a component and a component template?
Component templates are master elements that serve as a base for “child” components.
A component is a template that you have imported in the editor of a campaign and adapted/customized (if necessary) to meet the need(s) of this specific campaign.
The component template must be configured by a tech user as it requires code. However, the template, when used in a specific campaign (which becomes a component) can be modified by a non-technical user if a form has been created beforehand (in the template itself).
For instance, you want to display a wheel of fortune during the Black Friday and know you will need to reuse it for other promotional periods. In this case, you can create a component template that will include the shape of the wheel, the number of boxes, the behavior and so on. Then, you will be able to use this component template in a personalization campaign and adapt the default colors of the wheel (grey for example) to the graphic charter of your website (dark blue for instance). A few months later, you want to use this wheel again but have changed the colors of your website (from dark blue to light blue). You will still be able to use the same component template but will only need to adapt the colors.
Where can a component template be used?
A component template can be used in the editor of a campaign that is part of any account you have access to. You can add one or several identical component templates to the same campaign.
When to use a component template?
Using a component can be useful in the following cases:
- You want to set-up a string of messages (popins, banners, overlays etc.) for your marketers to use systematically the same layout (to preserve UI, design system, consistency though your website).
- You want to share and spread this previous work on your different AB Tasty accounts (because you manage several websites, or several languages versions of your website through different AB Tasty accounts).
- You plan to reuse the component in another account, campaign, variation or in the future for recurring campaigns, instead of duplicating your campaign.
- You want to reduce the back and forth communication on low-value edits (colors, font sizes, images...) between your digital marketing team and your design team.
- You want to keep control over time.
What can a component be used for?
Here is a non exhaustive list of components you can create:
- Popin or other kind of promotional widget with a specific behavior/ UI path you can’t find in the AB Tasty widget library.
- A complex tracker, such as “event sent each time the user puts an item in their basket, then goes to the basket page, then comes back to the homepage”.
- Reusable buttons, bullet point lists, popovers, product tours, carousels and so on: every single element which already exists in your design system and will be usable in the AB Tasty visual editor as an infinite source of small components to create design system friendly campaigns.
Can I nest components?
Yes. For example, you may need to create a collapsible block using a component. You may also want to create a carousel component and a button component.
Can I enjoy components between accounts?
Yes, you can use the component templates from any account you have access to. This means you can re-use a component template from one account to another one by duplicating it. However, to perform this action, you must be an administrator of the account.
What is the difference between widgets and components?
The widgets are pieces of codes you can edit in the editor thanks to the Widget Configurator. They are created and maintained by AB Tasty.
For more information about widgets, refer to our documentation.