Elementor, Tips & Tricks

How To Create A Logout Button

Difficulty Rating :
Written byAires DaGraca

Greetings all for this short tutorial I will show you how to create your very own logout button. This will work in either the free or pro version of Elementor.

My Staging Environment

Theme: Hello

Elementor Version: Pro

Let’s Begin

For this tutorial we will be using just a simple button widget but you can apply this to anywhere including menu links in the header or sidebar.

Drag a button widget onto the page.

Open the content options for the button widget and apply this link.

[html]http://yoursite.com/wp-login.php?action=logout[/html]

Important: Remember to replace yoursite.com with your web address or it will not work.

Save & Publish.

When you click the button on the front end it will take you to a screen that asks if you want to logout.

Select Log Out.

And that is it for the brief tutorial hope you found it useful. 😀

Disclosure: Some of the links above are affiliate links meaning at no additional cost to you, I will earn a commission if you click through and make a purchase.

Leave a Reply

Your email address will not be published. Required fields are marked *

By visiting iHeartElementor.com you accept our use of cookies and agree to our privacy policy.

Request A Tutorial

Have a request I would love to hear about.

Latest Post

How to swap out your logo in your sticky header

This tutorial is going to answer a question that I have seen tons of times across multiple Elementor community groups. And the questions is " How to a change my logo once my header becomes sticky?" .