Anchor - SCS

Drupal URL Example

Intro

The Anchor paragraph lets users navigate to specific sections within a page. Content editors must add the machine name in the 'fragment' field of a text or button, which acts as the starting point for the redirection. Users can click on this element to be taken to the corresponding section of the page.

The target section is the paragraph placed after the Anchor paragraph. To make the redirection work, the same machine name must be used in both the origin and destination elements

Origin

Destination

Good to know

• You can add this paragraph in the following pages:

1. Content page -> Content page - SCS - MarTech Academy
2. Employer detail page -> Employer detail page - Jobs - MarTech Academy
3. Homepage (jobs) -> Homepage - Jobs - MarTech Academy
4. Homepage (Professionals) -> Homepage - Professionals - MarTech Academy
5. SEO page -> SEO Page - Jobs - MarTech Academy
6. Blog article -> Blog article - SCS - MarTech Academy
7. Expert overview -> Expert overview - Professionals - MarTech Academy
8. Salary page ->

How to

1. Create an anchor (In the destination page)

1. Thanks to the drag and drop functionality, place the anchor above the paragraph you want the visitor to land when clicking on the link.

   

2. Give a name to the anchor

   

3. Copy the machine name

   

4. Select the button/link from which you want to link the anchor (In the Origin page)

• Your anchor link is in a button
  • Fill the button parameters
    • URL: Please fill the current page you work on
    • Link text: Add the text which will appear on the button
    • Target: Same window/New window/None
    • Fragment: Please paste the machine you have copied previously

      

Your anchor link is in a text link

• Type the text you want as a text link
• Select the text and click on link
• As url
  • Please fill the external URL of the page destination
  • Add Anchor fragment with the same machine name as mentioned before