This guide describes how to add and customize a link within the attributed text on your onboarding screen.
Please note that links are supported on Web2App onboarding only (on IOS SDK - not)
Example,
we want to add a link to the phrase "intermittent fasting" so that clicking on it redirects the user to the page:
Discover the benefits of intermittent fasting
Add a label for the Attributed text
Open the Correct Project - Ensure you are in the correct project where you intend to create Web onboarding.
2. Create or Open an Onboarding If you haven’t created an onboarding yet, do so. Otherwise, open the existing onboarding screen where you want to add the attributed text with the link.
3. Select the Desired Screen - Add the screen (if it is not added already), Click on the Pencil icon to open the edit screen.
4. On the edit screen, find the title or subtitle where you want to add attributed text.
5.Click on the settings icon next to the title or subtitle to expand text settings.
6. Click on the dropdown under the text settings and select 'Template' options.
7. Add a New Label:
click on the +ADD button to create a new label.
Enter a unique label name in the pop-up and click Add.
Add the Attribute Tag Inside the Text
Modify the title text to include the attribute tag around the words you want to customize.
Example:
Discover the benefits of <attribute>intermittent fasting</attribute>.
By default, the text style of the title will apply to the text inside the tag.
You can edit the text style within the label named 'attribute' to customize the appearance of the text.
Add and Set Up the Link
In the text settings, find the Links section.
Click on the +ADD button to add a new link.
On the opened window:
Enter Name: The name must be the SAME as the tag name. In our example, it will be 'attribute'.
Select Type: Choose 'http'.
Insert URL: Enter the URL (https://www.healthline.com/nutrition/intermittent-fasting-guide).
Click ADD.
Example of Link Integration:
htmlCopy codeDiscover the benefits of <attribute>intermittent fasting</attribute>.
The text inside the tag "intermittent fasting" will become a clickable link. When the user clicks on this text, they will be redirected to the URL you have set up.
Important Notes:
The link name must be the same as the label name.
All text inside the tag will become a link.
You can adjust the link text style in the 'label' settings.
If you remove the link by clicking on the trash icon, the text will no longer be a link.