If you want your students to click a button in one of your CTA sections and be directed to a different section on the same landing page, you can do this with anchor tags!
The anchor tag code will consist of two HTML elements:
Create an Anchor
An anchor can be inserted into the heading field of the section you want the link to jump to on your landing page.
To create an anchor:
- Copy this anchor format: <a name="anchorname">Heading Name</a>
- Replace anchorname in step 1 with your desired anchor text, like pricing
- Replace Heading Name in step 1 with your desired heading text, like Pricing Options
- You will now have an anchor like this: <a name="pricing">Pricing Options</a>
- From your Admin Dashboard, select Design Your Site
- Select Site Pages
- Choose a page to open in Site builder by clicking the pencil icon
- Click on your desired section
- In the Heading field of that section, paste your anchor
- Click Save
Creating a Link
Now, you'll want to create the anchor link inside one of your CTA sections. You can do this easily by linking a CTA button to a custom URL. Here is an example of what your custom URL would look like:
https://yoursite.thinkific.com/courses/my-demo-course#pricing
To create an anchor link:
-
Copy the URL of your landing page. Common links on your Thinkific site include:
Course landing page URL
Home Page URL
Custom Page URL - Append #anchorname to the end of your URL
- Replace anchorname in step 2 with the custom anchor name you originally created
For example, if your course landing page URL was https://yoursite.thinkific.com/courses/my-demo-course and your anchor was named pricing, your URL would look like this:
https://yoursite.thinkific.com/courses/my-demo-course#pricing
Add your anchor link to a CTA button:
Several Site Builder Sections include CTA buttons. In this example, we will use a Call to action section.
- From your Admin Dashboard, select Design Your Site
- Select Site Pages
- Choose a page to open in Site builder by clicking the pencil icon
- Click Add section
- Scroll or Search for Call to action
- Click on Call to action to add it to your page
- Click Button to expand button details
- In the Text field, input your desired button text
- Under Link, scroll to the bottom and select Custom URL
- Paste your anchor link into the link field
- Click Save
Congrats! You have created an anchor link. Make sure to test out the anchor link on your live landing page. Chrome's Incognito mode works great for testing!