How to create a hyperlink to another page section?

Creating a hyperlink is EASY! And can be used in a variety of ways. Here are a couple of examples.

  • You can create them on the top of a long page to link to sub-sections on the same page.
  • Use them on your Homepage image slider image to link to a page and its specific section (row).

Create a Hyperlink on the same page

1.) Name the object or text you want to link to on this page.
Example: Bathrooms

2.) Insert your name into some simple code
Take the name you’ve chosen, and insert it into an opening HTML anchor link tag.

hyperlink text code

3.) Place that code above or before the section row you want to link to either as code on the text editor or with your visual builder blocks.

Example: Using Classic Text editor on WordPress

Hyperlink text editor

Example: Using WP Bakery Visual Builder

Hyperlink RAW HTML block

4.) Create the hyperlink that will take you to that section or row on the same page.

Hyperlink AHREF code

Create a Hyperlink to link to a different page

1.) Name the object or text you want to link to on this page.
Example: Bathrooms

2.) Insert your name into some simple code
Take the name you’ve chosen, and insert it into an opening HTML anchor link tag.

hyperlink text code

3.) Place that code above or before the section row you want to link to either as code on the text editor or with your visual builder blocks.

Example: Using Classic Text editor on WordPress

Hyperlink text editor

Example: Using WP Bakery Visual Builder

Hyperlink RAW HTML block

4.) Create the full hyperlink that will take you to the other page and specifically to the section or row.

Hyperlink URL