Your Dedicated Partner for All Things WordPress

How to Add Links to Buttons in Elementor

Table of Contents

Elementor is a powerful drag-and-drop page builder for WordPress websites. It’s a great tool for designing beautiful, functional web pages without any coding knowledge. One of the features that makes Elementor stand out from other page builders is its ability to create buttons. Buttons are essential for making your website interactive and guiding visitors towards specific actions. But how do you add links to those buttons in Elementor? In this blog post, we’ll go through the steps to help you create buttons with clickable links.

Step 1: Add a Button Widget to your Page

To add a button to your page, first, open the page you want to edit in Elementor. Next, search for the ‘Button’ widget in the Elementor widget panel. You can find it by typing ‘Button’ in the search bar or by scrolling through the list of widgets. Drag and drop the button widget to the section of the page where you want it to appear.

Step 2: Edit the Button Widget

Once you have added the button widget to the page, you can start customizing it. Click on the button to open the editing options. You can change the button’s text, font, alignment, color, and size. You can also add icons or images to the button.

Step 3: Add a Link to the Button

In the editing options for the button widget, you will see a section labeled ‘Link.’ This is where you can add a link to the button. Click on the dropdown menu and select ‘Custom URL’ to add a link to a specific webpage or post. You can also select ‘Existing Page’ to link to any page on your website, or ‘Existing Post’ to link to a blog post or article.

Step 4: Enter the Link URL

Once you have selected the link type, you can add the URL in the ‘Link URL’ field. You can either enter the URL manually or use the link search tool to find the page or post you want to link to. Once you have entered the URL, click on the ‘Apply’ button to apply the link to the button.

Step 5: Save and Publish

Finally, make sure to save your changes and publish your page to see your new button in action. You can preview your page to check that the button is working correctly.


In this blog post, we’ve gone through the steps to add clickable links to buttons in Elementor. By following these steps, you can create buttons that guide your website visitors to specific actions, such as filling out a form, purchasing a product, or reading more about your services. Creating buttons with links is one of the powerful features of Elementor, and it’s easy to do. With a bit of creativity, you can create custom buttons that suit the needs of your website and showcase your message.

How to get started?

Learn more

Elementor Developers

Hire a flexible remote work force and undivided attention.

Get Started

Looking for help? Chat with us.

Are you in need of assistance or guidance? Look no further! Our dedicated team is here and ready to help. Chat with us today and let’s work together to find the perfect solution for your needs.

Our support team will get you:

I believe every website owner deserves a reliable professional support always by their side.

Alexey Seryapin
Founder of WPServices

Coupon Code Applied!

Take your time and continue browsing our services.

Alexey Seryapin
Founder of WPServices