{"id":131637,"date":"2024-12-11T15:20:58","date_gmt":"2024-12-11T14:20:58","guid":{"rendered":"https:\/\/divi5.websiteswithspirit.com\/everything-about-links\/"},"modified":"2026-03-16T07:12:21","modified_gmt":"2026-03-16T06:12:21","slug":"everything-about-links","status":"publish","type":"post","link":"https:\/\/yourwebsitemadeeasy.com\/en\/everything-about-links\/","title":{"rendered":"Did you know this about links?"},"content":{"rendered":"\n

If there's one thing inseparably connected to the internet, it's links!<\/strong><\/h2>\n\n\n\n

We use them constantly and they take us (almost) everywhere. We add them to text and images on our websites, place them in menus, and regularly include them in emails. <\/p>\n\n\n\n

The principle of a link remains the same everywhere. So I think it's useful to explain a few things about them and look at the most commonly used links. Maybe you'll learn something new! <\/p>\n\n\n\n

<\/p>\n\n\n\n

\n\n\n\n

First of all, there are different destinations for links.<\/h2>\n\n\n\n

You're probably familiar with the standard link to a webpage. For clarity, it looks like this: <\/p>\n\n\n\n

\n
\n

\u2022 Link to a URL:
https:\/\/yourwebsitemadeeasy.com<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n

But did you know you can also use these destinations?<\/p>\n\n\n\n

\n
\n

\u2022 Link to an Email:
mailto:deshna@personaldomain.com<\/a><\/p>\n\n\n\n

\u2022 Link to phone:
tel:0046735371812<\/a><\/p>\n\n\n\n

\u2022 Link to send an SMS:
sms:0046735371812<\/a><\/p>\n\n\n\n

\u2022 Link to WhatsApp:
https:\/\/wa.me\/46735371812<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

\n\n\n\n

Cool, right? And we're going even further. <\/h2>\n\n\n\n

What about linking to a specific section of a webpage? The link then takes you to a specific part of a webpage that uses this ID. <\/p>\n\n\n\n

In Divi, open the settings of the element you want to link to, go to the \u201cAdvanced\u201d tab, open \u201cCSS ID Classes\u201d and enter the text you want to use as \u201canchor-name\u201d in the CSS ID field. See the example below. <\/p>\n\n\n\n

\n
\n
\"Picture<\/figure>\n<\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

Once you've entered the ID for an element on the page, the next step is adding a hashtag to your URL, followed by the ID:<\/p>\n\n\n\n

\n
\n

\u2022 Anchored link to a section on another page:
https:\/\/yourwebsitemadeeasy.com#anchor-name<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

Important detail: you can only use an ID once on a page.<\/p>\n\n\n\n

<\/p>\n\n\n\n

And if you use the anchored link on the same page as the anchored element, you only need to enter the hashtag with the anchor ID in the URL field of the link:<\/p>\n\n\n\n

\n
\n

\u2022 Anchored link to a section on the same page:
#anchor-name<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

\n\n\n\n

One more thing to complete links on your website...<\/h2>\n\n\n\n

when you add a link from your website to another website, always have the browser open a new tab. You do this with the 'link target' setting of the module. <\/p>\n\n\n\n

\n
\n
\"Picture<\/figure>\n<\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

Are you in the Divi text editor? Then set the target to \u201cnew window\u201d. <\/p>\n\n\n\n

\n
\n
\"Picture<\/figure>\n<\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

\n\n\n\n

<\/p>\n\n\n\n

These are my smart link tips.<\/strong><\/h2>\n\n\n\n

I hope they're helpful to you. Want to talk more about links? You can chat with me via WhatsApp, or contact me by email or phone. Use a linked button below. A great way to try it out! <\/p>\n\n\n\n

\n
App<\/a><\/div>\n\n\n\n
Mail<\/a><\/div>\n\n\n\n
Call<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

If there’s one thing inseparably connected to the internet, it’s links! We use them constantly and they take us (almost) everywhere. Do you also know how to format links?<\/p>\n","protected":false},"author":3,"featured_media":129897,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true,"footnotes":""},"categories":[89,87],"tags":[],"hf_cat_post":[167,168],"class_list":["post-131637","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips-and-tricks","category-all"],"_links":{"self":[{"href":"https:\/\/yourwebsitemadeeasy.com\/en\/wp-json\/wp\/v2\/posts\/131637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yourwebsitemadeeasy.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yourwebsitemadeeasy.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yourwebsitemadeeasy.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/yourwebsitemadeeasy.com\/en\/wp-json\/wp\/v2\/comments?post=131637"}],"version-history":[{"count":6,"href":"https:\/\/yourwebsitemadeeasy.com\/en\/wp-json\/wp\/v2\/posts\/131637\/revisions"}],"predecessor-version":[{"id":223034,"href":"https:\/\/yourwebsitemadeeasy.com\/en\/wp-json\/wp\/v2\/posts\/131637\/revisions\/223034"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yourwebsitemadeeasy.com\/en\/wp-json\/wp\/v2\/media\/129897"}],"wp:attachment":[{"href":"https:\/\/yourwebsitemadeeasy.com\/en\/wp-json\/wp\/v2\/media?parent=131637"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yourwebsitemadeeasy.com\/en\/wp-json\/wp\/v2\/categories?post=131637"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yourwebsitemadeeasy.com\/en\/wp-json\/wp\/v2\/tags?post=131637"},{"taxonomy":"hf_cat_post","embeddable":true,"href":"https:\/\/yourwebsitemadeeasy.com\/en\/wp-json\/wp\/v2\/hf_cat_post?post=131637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}