When using Thrive Themes, you are able to create links to connect elements one to another.
A great way of doing that is by using jumplinks. This way, when you're on a page, you can simply click on a text/image/button/etc. and be taken straight to another part of the same page.
However, this method will only allow you to choose targets that are placed on the same page as the element you're adding the jumplink to.
In case you want to link an element to another one, that is located on another page, you will have to use the HTML Attributes section and construct a custom URL.
Keep reading this article to find out how to do that. To make things easier to understand, I will use a specific example in this article.
Let's say I want to add a link to a "Button" element from my "About" page that should lead to a "Video" element from my "Contact" page.
The "Video" element is situated at the end of the contact page, and I want users to be taken straight to that part of the page, when they click on the button from the "About" page.
Of course, this is just an example, you can use any types of elements from any pages of your site.
Here's what I have to do:
1.Construct the URL
I will have to assign a label to the "Video" element and add it at the end of my Contact Page URL.
Let's say the Contact Page URL looks like this:
https://www.example.com/contact/
We will go and access the video and label it. For that, select the "Video" element, in the editor, and go to the "HTML Attributes" section of the left sidebar:
We now have to label the video, using the ID field.
You can enter any label you want here:
I have entered "contact-page-video" as an example. This will now be the "Video" element ID.
Make sure you save the page:
We can now construct our URL that will lead straight to this video. This will be the URL of the page, followed by a "#" symbol and the ID of the element we've just inserted in the "HTML Attributes" section.
Therefore, in my case, the URL will look like this:
https://www.example.com/contact/#contact-page-video
So we now have a URL that leads to a specific part of my page. What's left to do is go to the "About" page, where the "Button" element has been placed, and link that element to the URL we've just constructed.
2. Add the newly created URL to the element
After opening the "About" page using Thrive Architect, select the "Button" element and go to the "Button link" section of the left sidebar:
The URL we've created has to go in the "Target URL" field:
Make sure you save this page, as well, and you're all done.
When someone clicks on the "Button" element, they will be taken to a "Video" element placed on a different page:
Hopefully, this article was useful to you. Remember that you can find hundreds of other articles in our knowledge base, in case you want to find out more about various Thrive Themes products and features.
If you want to stay up to date with the latest articles added to our knowledge base each month, go ahead and sign up for our tutorial newsletter! |
Make sure you also leave a smile below, if this was helpful π