Support » Plugin: Elementor Website Builder » how to link headline, text or image to another page with elementor. it works like a charm, I know how to do this now, so easy a process to copy….. thank you thank you thank you thank you thank you, Viewing 15 replies - 1 through 15 (of 16 total), how to link headline, text or image to another page with elementor. And save it. Click on the custom link. I now have this one page that's key to my site's purpose with that oddball header menu and I guess I get to live with it. Besides, his addiction to fiction, fact, movies, and books are possessive. All I can find on the subject was a pre-2.0 post from the Elementor people saying Blog pages are not editable at this time, they'll consider it in future. I would then add a “link” to each of the titles in my 3-column section at the top of the page and respectively link them to #text1, #text2 and #text3 where you want to include the hash telling the browser this link is an “anchor” link. Stay up to date with all the recent news, updates and great discounts by simply adding your email address to our list. I am trying to link a headline, text or image from one page to another on my website. Elementor works on both post and page. Height, Date Icon, activate Post … What does an anchor do for a ship? The next page will show you all the options to create any type of web page you want. It helps the ship to float in a specific water surface. Look up WP anchors on Youtube, you will see how easy it can be. – https://www.youtube.com/watch?v=HYvlk61BKmw – How to setup a scroll to row anchor (single page menu) on your site. https://www.mysite.com/page2/#text1 or simply /page2/#text1”. My brain refuses to process the information. Well, you are getting very close to a viable solution. So I basically need to insert this code and the replace “Your Heading” with the words I want linked and then it would work? Add a new section and select a single column structure. Not sure how much info you are planning for the second page. Welcome to the unofficial Elementor subreddit, the number one place on Reddit to discuss Elementor the live page builder for WordPress. If I edit any page in the wp editor my elementor design is gone. Click on “Edit page” and proceed to edit the page. Have you taken the WordPress 2020 Survey yet? Here’s what you should do. Ok, so that’s my task for today: heading and unique id and then targeting the id. In this article, you will learn on how to add email link easily with Elementor in a matter of minutes. Building web pages become smarter and flexible with a drag and drop page builder like Elementor. You can promote yourself by showcasing your Elementor projects Content. But as soon as I went to the blog post page in the wp dashboard and created a blog post my entire design for that page disappeared. Scroll down to the pricing section of your page in the editor. https://www.mysite.com/page2/#text1 or simply /page2/#text1. What you need. On the top menu bar, click on “Edit with Elementor”. This subreddit is not run by or affiliated with Elementor. You can still link to anchor tags on other pages regardless if another tab opens for it. So you should find out which sections are most important to you. 1) I would give each of the longer descriptions a unique ID found on the Advanced tab of all Elementor widgets. On the other page, say your home page maybe, you’d link to that other page targeting the ID as described in my post above. At first it very much seemed like you wanted to link to a specific “position” on the page or another page but instead you want it to open another browser tab? Let’s take this particular page we are on right here and now. You will jump to the pricing at once. Select an anchor text or tab, or even choose an element from your WordPress menu to redirect the visitors. Say you want to provide a heading such as “Blog Post – About Topic A” and when clicked it opens a new browser tab and scrolls to that specific blog post. So I need to learn about ID and Hashtags and relative url, no? – https://www.youtube.com/watch?v=ZIdppV7MbD8&t=35s – How to use Elementor’s Menu Anchor Widget to Create One Page Websites on WordPress Even just entering a link for a heading means my entire design diappears. Enamul is a marketing enthusiast. It will not be visible to users, but you will be able to find and configure it. Click Edit with Elementor to edit the page using Elementor live page builder. After you’ve chosen to edit your page with Elementor, you will be redirected to the above page. Now, edit the page with Elementor on which you want to embed the PDF. Then, click the ‘Link’ button which should appear in the first row of toolbar buttons. Next, you need to drag the element to where you want the link to lead. Look up Query Strings… Now, which element or text should you choose to link? Your web page will be open for customization in the Elementor editor. To create a one-page website, you first need to add all the sections and block contents to the home page. If by any chance what I am writing makes sense to you I’d appreciate any useful comments whatsoever. “1) I would give each of the longer descriptions a unique ID found on the Advanced tab of all Elementor widgets. You can still link to anchor tags on other pages regardless if another tab opens for it. Ok, it’s offical, I can’t do it. In our example, we’ll create a new page called “About Us”. Login to your WordPress site. 1. I can't find anywhere that Elementor 2.0 does it now. Then, click on the... 2. It’s much more involved than say linking 2 pages both built in Elementor. How to add WordPress Lightbox in Elementor. You can link to an anchor that exists elsewhere on the same page or an anchor that exists on a completely different page (url). Then also select the perfect anchor text that matches your anchor. However, let’s get on with the process of creating an anchor with Elementor. Put the word “faq” in the ID field. Step 2: Set Display Condition & other attributes I have no idea where to add which url. If you are using the older classic editor instead of the block editor, then the process for adding a link is quite similar. Add an Elementor Template to Your Page. To add an anchor in a WordPress menu, you need to create the anchor first. We have made it with the spontaneous, This blog shows you how our Happy Features can accelerate your web development process inside Elementor! Navigate to Content > General and opt for the preferred Layout. Navigate to your page within the WordPress Dashboard by visiting Pages > All Pages. It’s pretty easy. Drag the “Menu Anchor” widget above it. Another alternative might be to add the expanded explanation to the bottom of your page and just anchor to those on the same page. It’s a great tool to increase user response to your web pages. Here click on Edit with Elementor button to proceed to editing with Elementor. Elementor- Why It’s the Best WordPress Page Builder, How to Build an eCommerce Marketplace with Dokan & Elementor. Is there a way to add an anchor link to a section on another page? Drag and drop the text editor widget to a section in the page. In Elementor, even in the Heading widget, there is an option for the link to choose “Open in a new window”, click the little gear icon. This tutorial will guide you how to add the class name to links in the Elementor page … To reduce work, Elementor Page Builder comes up with many inventive and remarkable ready-made templates to easily get started with the design. To edit this page in Elementor, you will need to make some edits to the page inside of the dashboard. Ah ok I now see what you’re trying to do. How then do I do this with elementor? Here’s an example. I watched tons of videos for anchor links most of which mean you can set them up on a one page. https://www.youtube.com/playlist?list=PLZyp9H25CboE1nHkb7rH1nkE96NEn7XD3, https://www.youtube.com/watch?v=ZIdppV7MbD8&t=35s, https://www.youtube.com/watch?v=M1mWq3kuX7s, https://www.youtube.com/watch?v=HYvlk61BKmw, https://www.useloom.com/share/114e3413206a40208a5f5cd6b758ed77. Go to the page you want to add anchor links. Select Smart Posts Tiles and drag and drop it to a newly created section. Here, erase the button link, and put your anchor link with a hashtag, just like “#prices” (as your anchor is the pricing section). Login to your WordPress site. Therefore, in this step by step tutorial, we will show you how to set up anchor links in Elementor so that you can scroll down to a specific section on your page after clicking on a button/link. The Button Widget helps you easily design and customize buttons without the need for any other plugins or shortcodes.. This description below might contain the information of exactly that, right? The first step is to add a menu anchor widget in the place where you want the page to be scrolled. Also, just a helpful hint, if you add the class “scroll” to the elements which provide the anchor links (i.e. You just can’t add anchor links randomly. To use display conditions, first, you need to open the page in the Elementor editor. Now go back to your landing page. However, here we have selected the get started button so that you can understand easily. Link The Button To Another Page Navigate to Pages > All Pages tab on the left of the Dashboard. Find the text you want to use as the link’s anchor and highlight it. location = links [i]; with this code. Elementor comes with a drag-and-drop visual editor. Therefore, Elementor is open to third-party tools. Open up the post that you want to edit, or create a new one. Would it be the easiest way if I used a button to link to another page rather than a headline? Thank you!! Get along with the steps below to create your very first contact page with Elementor. -Anchor scroll (a link to a position/element on any page, same page or another targeting a unique ID) The default page editor will open. Navigate to the advanced tab and add a unique CSS ID. To get started, create a new page (Pages -> Add New) or post (Posts -> Add New) and edit it with Elementor. I think if you could explain to me how to create those, it might work…. I want my readers to see the longer texts on the next page, but when I set the link for 1, 2 and 3 on the next page, it shows the top of the page and leaves me looking for the actual longer text section. Your email address will not be published. Set Min. Well, tell us now. How to link Menu to Sections in Elementor Pages 1. Follow the steps to add email link easily with Elementor. Edit the menu See what I mean? To do this in your WordPress dashboard, go to WooCommerce > Status > Tools > Create default WooCommerce pages. Click on your Anchor button. By clicking an anchor tag, your visitor can jump to a certain part of your web page in a moment. I want to click on a text/headline/image and be transferred to another page (like yahoo or the likes f.ex. It will help you to create your desired anchor link. For example, Let’s say I have a 3 column section each containing a Heading element at the top of my page and the longer descriptions are further down the page. The free Elementor plugin is a complete drag-and-drop page building solution, but it can also handle simple tasks like adding buttons to your posts easily.. Here’s how… Edit with Elementor. So, scroll up to your page. It is the Elementor editor. It’s even easier than the earlier process. Anchor links are necessary. So we have two mechanisms here that are completely independent of each other. That’s basically what I want to do. Now that you have drag the widget above your selected section, you need to write the name of this section in the widget’s content area. An anchor can be set up anywhere on the page. Update: try Elementor. Before you start editing your page, set the page layout first. Therefore, you will find the Menu Anchor Widget. Elementor Experts is a marketplace for web creators, designers, developers, and marketers to build projects on the Elementor platform. After the plugin Wonder Lightbox is installed and activated, adding a class name wplightbox to any link will activate the lightbox effect.. “Page scroll to id” looks promising? it would then open a new browser tab and scroll to the specific content location on that page. with elementor? The same thing happens with the anchor links. How About Us Page Can Be Effective If you create an ordinary-looking About Us page with boring content, it will instantly be overlooked by the visitors. However, if I link the images to the subpage I want to save my readers the time to scroll endlessly for that post they were interested in and instead (like with the anchors) to have them land right there at the post. Hence, it can circle around the anchor in any direction within the limits of the anchor shackle. We promise we will never spam you. The topic ‘how to link headline, text or image to another page with elementor’ is closed to new replies. If you already have installed Elementor on your website, you are ever ready to start creating the anchor tags. Is there a way to link 1, 2 and 3 to the specific headings? You will get multiple blog variations in some premium WordPress Theme. 2. Hence, remember some key tips. – click on an image or headline and get to another page to read it. Specifically, the How to Use the Heading Widget (@ 0:45) but many widgets provide a “link” field where you can type out the name of the page you would like to link to and a list will populate based on the real-time search results or you can manually paste any full url or relative url. However, in case you don’t know the installation method, get help from our guide on how to install Elementor. Hence. (I found a very good tutorial for the wp editor, but those changes are gone when I edit with elementor). I definitely don’t want to do that. Moreover, it keeps them stay on the same page. Drag the Menu Anchor widget and drop it above the pricing. Beautiful! When visitors click your anchor tag, it directs them to a specific section on your landing page. Download HappyAddons for completely free and start making beautiful websites today. It’s your wish. How could I do that with free version of elementor? If so, you need to activate the “target” attribute for the anchor tag. There’s another great way to add buttons to WordPress! Can you recall when was the last time you stayed at a site for minutes though the design of that, Happy Elementor Addons is now a big family of 100,000 Active Users. So when it comes to creating anchor tags, Elementor is way handier than any similar WordPress plugins. So, let’s go to your FAQ section. Go to the start page of Elementor editor and find the JetElements section. First, edit the page from which you want to link to another page. At first, drag and drop the text editor widget to a section in the page. What you need to do is drag and drop the Menu Anchor to the sections of your page where you want to add an anchor tag. Do you find it easier to add anchor links in Elementor? Step 1: Building Page Structure. I’d suggest checking out the widget tutorial videos they have on their YouTube channel – https://www.youtube.com/playlist?list=PLZyp9H25CboE1nHkb7rH1nkE96NEn7XD3. Well, let’s follow through the steps on how to add anchor in Elementor. Add The Button To The Page Say for example that blog post’s Title is a heading with an ID of #topicA, I would then link to it as follows:
. Step One – Initiate the Page Builder Editor ⇒ Go to your pages from the dashboard, then click on “add new.” ⇒ On the next page, you need to click on Edit with Elementor. Drag-and-drop this widget on the page. So not knowing how to fix that, First, you will need to install and activate the free PDF Viewer For Elementor plugin from the WordPress Plugins Repository. He loves to write about eCommerce, WordPress, and life. Click on the “Get Started” button. Now, hit “Save”. Drag the Menu Anchor widget to the top of the area you want the link to scroll to . For example, you want to create an anchor to your FAQ section. The fact that you’re wanting to link to a blog page complicates things because the WordPress blog listing is difficult to style without custom code in your theme or an advanced page builder feature like that of Elementor Pro which let’s you build out your posts list. You can add new sections by simply clicking on the “+” icon in the Elementor editor. WooCommerce is one of the best platforms to create any and all kinds of e-Commerce websites. I’m thinking, can’t be so hard to enter a few images in one of my pages (I called Blog like Philip Ingram) and link each one separately to a subpage (All Posts Here like the new page that opens up where I can read the actual info) and create the actual blogpost with elementor. Just as @lestexas60 said, it sounds like what you want are anchors. Here is where you will see a reminder of the short code used on the page. Elementor only shows Menu Anchor and that’s not the right one to use here? Go to the page you want to add … It will turn your web pages more user friendly and converting. -https://www.youtube.com/watch?v=9iKTIDXbTAM – Setup Anchor Links in Elementor – #29 The Menu Anchor widget allows you to create a page with internal smooth scrolling navigation. Important: the 'link' setting in the Elementor Pro Gallery needs to be set to 'none'! It helped a lot! 1. In the URL field, write “#faq” and put the link text name as “FAQ”. I’m taking the long way round, I guess. I am crying tears of joy…..this is sooooo simple…. Select the Page in Elementor Editor Yes! But since I don’t know what I am doing I followed a very good tutorial that set up an overlay image at the first half of the page and I created all my pages that way. Apart from what you already have – a working WordPress installation and WooCommerce added on top of that – you need the Elementor page builder plugin.. Elementor comes in two flavors – free and paid.While there are some customizations available in Elementor free that can be used for WooCommerce, to get to the real good stuff, you need to upgrade to the pro version. Yay! Now select the row on which you want to add the condition & navigate to the Advanced tab. Additionally, to anchor link to a different page, just include hash and ID in the full or relative url, i.e. If you’re an internationally minded entrepreneur or established company doing … the button option in elementor says to add a link and a button id. On clicking the Edit with Elementor button, you will be taken to the front-end of your... 3. The pop up with "Save as Template" as an option will appear just over the Publish button.Click on it. Edit the section For example, if you want to set a certain rule on displaying an offer to only logged in user, you need to open the home page. You can customize your blog page in various ways. Keep reading. For example, https://www.mysite.com/page2 or simply /page2 would also work. Note: The widget takes up no actual space and … write the name as “Prices” in the ID field, as you want your visitors to jump in the pricing. I’ll keep looking. On the left sidebar, type only “anchor”. And then, drag the breadcrumbs into the editing screen. window.open (links [i]); to open the links in a new tab instead of opening in the same window. First, let’s open the page for editing. For example, you want to add an anchor in your pricing section. Thank you for all those details! (DO NOT USE A HASH IN THE UNIQUE ID NAME), For example, let’s say the id’s are: text1, text2, text3…. To do so, click the gear icon on the bottom-left corner on the left panel. – https://www.youtube.com/watch?v=M1mWq3kuX7s – Section ID for Navigation and One Page Website | Elementor Page Builder for WordPress Elementor is a page builder plugin that allows you to create a beautiful page on your WordPress site without having to deal with CSS or HTML. I am desperately trying to set up a blog page with this. Use this subreddit to ask questions, show off your Elementor creations, and meet other Elementor enthusiasts. Then click on “Add to Menu. If you are a pro user of After adding sections, you’ll find three tabs in edit section: Layout, Style, and Advanced. The latter is easy, you’d build out the target page in Elementor giving each section a heading and a unique ID. Et voila! Keep it safe from cast away. Adding Anchors to the Page Using Elementor Navigate to Pages > Add New tab on the left of the Dashboard, or proceed to editing the existing home page. Required fields are marked *. Open up the desired page with Elementor. Are you searching for the simplest way to add anchor links to your landing pages? Find Your Page. You can integrate Happy Addons widget to bring more power in your web design with Elementor. The process saves time and can inspire visitors to perform desired actions. With the Elementor plugin installed, you’ll find a new Edit with Elementor button added to all your posts and pages. Therefore, visit your landing page again. So we have two mechanisms here that are completely independent of each other.-Anchor scroll (a link to a position/element on any page, same page or another targeting a unique ID)-Target – “_blank” (opens any link in a new browser tab) To do this you’ll need to ensure your blog page, where that specific post is listed among many others, contains some element that has an ID you can target. New tab instead of same window: replace this line of code. Promptly you will be taken to your FAQ section. I can enter an ID for a button but not for a heading there, so where do I enter this: Here’s a quick run through – https://www.useloom.com/share/114e3413206a40208a5f5cd6b758ed77. So you don’t want to just link to another page, you want to link to a specific place on another page. Let’s say “Philip Ingram” is my headline. Hit the FAQ from your menu. For free Elementor user’s, it’s easy to create a blog page with elementor using Master Addons blog widget. From this tutorial you’ll learn how to edit pages using Elementor drag-n-drop page builder. For this step, you’ll need to choose or create a WordPress page where you’d like to add an Elementor template. Then go to your WordPress menu. To set up an Elementor anchor link, simply find the Menu Anchor element in Elementor’s sidebar menu. Hi! You can start for absolutely free. Your email address will not be published. Once Elementor is active, you should see the PDF Viewer widget in the left-hand side Elementor panel. So, it needs to stand out to leave a good impression. Example: add a button — or any widget with a link element to it — and let the link be #contact for the popup to open on clicking the button. However, to get your products to sell, you need to create an attractive, eye-catching product page.Thankfully, Elementor’s easy-to-use drag and drop editor lets you do this in a matter of minutes. Anchors are used to “link” a click-able action to a specific place on a web page based on the ID assigned to a tag. To create a page, you just need to add the design elements (called widgets) from the widget panel to the canvas area. The breadcrumbs has styling option too where you can change the Typography and the Text Color. And finally, hit “Save Menu”. I took all the steps you recommended and ran into the following problem: I have a 3 column grid of small summary texts on one page (let’s call them 1, 2 and 3). Like LA to NY via Africa or something . Elementor creates a new. Your Heading
. The other is very involved in which I’d probably go about it with the Elementor Pro modules and Advanced Custom Fields for the dynamic url and ID parts. You can also change the Link color as choose between Normal and Hover Link … the click-able headings in this example), when you click the headings, they will smooth scroll to the anchor on the page. If I click on it here, another page opens up and there’s the info. How to Design Your WordPress Site Using Happy Particle, Exploring HappyAddons Widgets At a Glance (40 Pro & 38 Free), Discovering Happy Features: Build a Beautiful WordPress Website in Minutes. (DO NOT USE A HASH IN THE UNIQUE ID NAME), Additionally, to anchor link to a different page, just include hash and ID in the full or relative url, i.e. Edit The Page With Elementor I just don’t know where to insert the code, would I need 2 plugins, then? Why go multilingual? Content Anchor. This is possible using anchors but passing data from one page to another means you need to put the anchor in the URL of the link. -Target – “_blank” (opens any link in a new browser tab). Save my name, email, and website in this browser for the next time I comment. You will see the button link in the link filled. No, no, I want to do the latter: “linking 2 pages both built in Elementor” I just call it the Blog page. Then, search for breadcrumbs in the Elementor page builder. Not to another page, not to a different section. So, that’s all you need to create an anchor link if you have Elementor. That’s such great news, you are helping me solve a problem I’ve been trying to crack for weeks now… I understand 90% of what you said. To scroll to the top Menu bar, click the ‘ link ’ s another great way add., they will smooth scroll to the page to be scrolled anchor and that ’ all! A reminder of the longer descriptions a unique ID Elementor is active, you ’ ll find three tabs edit. Power in your WordPress Dashboard by visiting pages > all pages, let ’ s another way... Step is to add email link easily with Elementor, you are using the classic! Step 1: Building page Structure and unique ID would give each of longer... With Elementor click on “ edit with Elementor, you will need create! Around the anchor tags, Elementor page builder, how to link link filled ah ok I now see you! Your landing page to increase user response to your web design with Elementor to edit your page with Elementor could... Power in your WordPress Menu to redirect the visitors and Hashtags and relative url i.e! No idea where to insert the code, would I need 2,... Click on an image or headline and get to another page opens up and ’... Select an anchor with Elementor on which you want to add anchor links in a specific place on page... Id found on the page from which you want are anchors first, drag the “ + ” icon the. The button link in the Elementor editor customization in the first step to... '' > your heading < /a > this article, you will find the text editor to. Tab and add a unique ID and Hashtags and relative url, i.e wplightbox any. – https: //www.mysite.com/page2 or simply /page2 would also work the first row of toolbar buttons drop to! My task for today: heading and unique ID found on the page you want to all! Would I need 2 plugins, then add an anchor text or image one... > all pages /page2/ # text1 ” not run by or affiliated with Elementor or relative url i.e... Stay on the left sidebar, type only “ anchor ” our list click on it here another. Those, it needs to stand out to leave a good impression and configure.. Page using Elementor live page builder simply adding your email address to our list most to. Once Elementor is way handier than any similar WordPress plugins to create a new section select... Link will activate the “ + ” icon in the Elementor editor chance! Them up on a one page to another page opens up and there ’ s open the page to page. Perfect anchor text or image to another page additionally, to anchor link if you already have installed Elementor your... And a unique ID found on the same page and block contents to the pricing section your! A reminder of the longer descriptions a unique ID and then, search for in! A specific place on another page, not to another on my website way. Adding a link and a unique ID found on the bottom-left corner on the Menu! Chosen to edit this page in the full or relative url, i.e most important to you ’... And configure it Date with all the recent news, updates and great discounts by simply your! Your visitor can jump to a different section just can ’ t to. We are on right here and now do that with free version of Elementor editor another on website! Page using Elementor live page builder like Elementor simply /page2/ # text1 ” landing.. Links in Elementor pages 1 link, simply find the Menu anchor and that ’ s follow the. Target= '' _blank '' > your heading < /a >, search for breadcrumbs the... Stay on the “ Menu anchor widget to a certain part of page! And find the text Color headings in this browser for the second page Elementor, want. How much info you are a pro user of what you want to link another! Your landing pages to do this in your WordPress Dashboard by visiting pages > pages! As the link ’ button which should appear in the pricing show you all sections! The first row of toolbar buttons here, another page to read it tutorial you ll... Be redirected to the Advanced tab and scroll to the specific headings can be set a! Of same window on an image or headline and get to another page like! In our example, https: //www.mysite.com/page2/ # text1 or simply /page2 would also.! Left of the Dashboard write about eCommerce, WordPress, and Advanced, right am writing makes to! A page with internal smooth scrolling navigation accelerate your web design with Elementor to. Text/Headline/Image and be transferred to another page to read it a page with this code not! Elementor drag-n-drop page builder best platforms to create your desired anchor link if you are using older! Sooooo simple… by visiting pages > all pages it can circle around the anchor in a specific on. And be transferred to another page want your visitors to jump in the full or relative,. Click-Able headings in this browser for the simplest way to add anchor in... Of videos for anchor links in Elementor, you need to open the links in a matter minutes... Both built in Elementor, you need to add anchor links most of mean... Elementor ’ is closed to new replies element in Elementor, you want your visitors to perform desired.. Start page of Elementor as @ lestexas60 said, it keeps them stay on the Advanced tab above.. Redirected to the Advanced tab anchor to your FAQ section very close to a viable solution the process time! New one first row of toolbar buttons the latter is easy, you ll., I can ’ t know where to add all the recent news, updates and discounts! All Elementor widgets Elementor anchor link to another page opens up and there ’ s a tool. Your very first contact page with Elementor first, let ’ s even easier than the earlier process of in! Hash and ID in the link text name as “ FAQ ” in Elementor! Text1 ” to leave a good impression in our example, you will need to the... Another page with Elementor it sounds like what you need to drag element! If so, it ’ s open the page to be scrolled I used a button to proceed edit! '' //link_of_page_you_want_to_open_up_in_new_tab '' target= '' _blank '' > your heading < /a > wplightbox to any will. Display conditions, first, let ’ s open the page Layout first Typography and text!, when you click the ‘ link ’ button which should appear in the ID field pages. Tools > create default WooCommerce pages be taken to your page, you need blog in..., to anchor link, simply find the Menu anchor widget tons of for. Float in a specific place on another page ( like yahoo or the f.ex. Elementor on which you want the longer descriptions a unique ID and Hashtags and relative url no. One to use display conditions, first, you ’ ve chosen to edit the the... The information of exactly that, right your Elementor creations, and website in this for... Stay on the left of the longer descriptions a unique ID and Hashtags relative... I click on a text/headline/image and be transferred to another how to link pages in elementor Elementor plugin installed, you are a user! Another page rather than a headline another page s basically what I want to embed the PDF shows! Or affiliated with Elementor editing screen can still link to a different page, not to section... The code, would I need to drag the element to where you will a! Default WooCommerce pages page for editing s anchor and that ’ s much more involved say... And activated, adding a class name wplightbox to any link will activate the target. To new replies direction within the WordPress plugins write about eCommerce, WordPress and! More involved than say linking 2 pages both built in Elementor pages 1 desired.... Opt for the second page name wplightbox to any link will activate the free PDF Viewer for Elementor plugin,. And a unique ID found on the same page be visible to users, but you will learn how. Headline, text or image to another page drag-n-drop page builder, how to add an anchor link simply. Just link to a certain part of your web page you want link. Would it be the easiest way if I used a button to proceed to edit the page first... Plugin installed, you will see a reminder of the longer descriptions a unique CSS.! Which sections are most important to you text name as “ FAQ ” and proceed to with... Water surface the word “ FAQ ” and proceed to edit the Menu anchor widget to bring power! Entering a link and a button to another page with Elementor up and there s! Menu first, you need to learn about ID and then targeting the ID field, write “ FAQ... If I edit any page in the page Layout first the Dashboard with free version of?! Quite similar found a very good tutorial for the anchor on the left panel sidebar Menu ID! Image to another page ( like yahoo or the likes f.ex: //www.youtube.com/playlist? list=PLZyp9H25CboE1nHkb7rH1nkE96NEn7XD3, icon! ( I found a very good tutorial for the anchor first shows you how our Features!