WordPress Plugin

Swoop's WordPress plugin is the easiest way to add passwordless 2FA/multi-factor authentication to your WordPress site. Try adding Swoop's passwordless authentication WordPress plugin right now and see for yourself!

Adding the Swoop service to any Wordpress site is dead-simple with Swoop's WordPress plugin. Instead of custom-coding Swoop within a WordPress site, let our Swoop plugin do the heavy lifting. Follow these steps and you'll be on your way to eliminating passwords on your WordPress site in a flash.

Step 1: Install & activate Swoop plugin

  1. Log into your WordPress admin typically found at: www.yourdomain.com/wp-admin.

👍

The Last Time You'll Need Your Password

This should be the last time you need that pesky WordPress admin password. Once you're done installing and configuring the Swoop passwordless authentication WordPress plugin, you'll be passwordless moving forward.

  1. On the left-hand navigation, click on 'Plugins'
  2. Next, click on 'Add New'
  1. Search for: 'Swoop: Passwordless Authentication' in the search bar.
  2. Click 'Install Now'
  1. Navigate to 'Installed Plugins'
  1. Activate 'Swoop: Passwordless Authentication'. In addition, enable auto-updates.

Step 2: Connect Swoop to your WordPress site

Once the Swoop plugin is installed and activated, you'll be ready to connect your swoop developer account to your WordPress site. If you haven't yet created a developer account you can do so be signing up here. Let's begin.

  1. Navigate to Swoop on the side navigation of your Wordpress instance.
  1. From the Swoop developer dashboard copy the Client ID and paste it into the Wordpress plugin Client ID input field.

  2. From the Swoop developer dashboard copy the Client Secret and paste it into the Wordpress plugin Client Secret input field.

  1. Click 'Save Changes' and you are ready to test your connection.

👍

That's it. You're done.

And so are passwords on your WP site.

The next time you log in to your WordPress site, the default WP username/password will be replaced with the 'Swoop In with Email' icon.

Step 3: Add Login Button Or Top Navigation Link

Option 1 - Login Button Shortcode

Now that you have hooked up Swoop to your WordPress instance you can now add a login button with the use of our shortcode.

  • Login With Email Button = [swoop_login]

There are also a couple of customizable parameters that can be set to control aspects of the button.

  • Customize button label = [swoop_login title="xxxxx xxxxx xx"]
  • Customize target upon success authentication = [swoop_login target="https://yoururl.com/goherenow"]

You can also combine both title and target within the same shortcode.

📘

Button Formatting

The Swoop login shortcode outputs an A link that will be defined by the implementing sites theme and associated CSS class.

Option 2 - Top Navigation Link

The Swoop Wordpress Plugin has a theme function that allows you to generate a swoop login url anywhere in your theme. This is perfect if you want to add a Login option to your top navigation that will launch the swoop authentication service.

function swoop_login_url($redirect_to = "")
// Example
<a href="">Log In To My Domain

The function is designed with an optional parameter that allows you to specify the url to redirect your users to after a successful login (i.e. https://mydomain.com/account)

Step 4: Add Register Button Shortcode

Next, you can add a basic registration form and button to your WordPress instance with the following shortcode.

  • Basic registration form= [swoop_register]

Try the customizable parameter that can be set to control aspects of the button.

  • Customize target upon success authentication = [swoop_register target="https://yoururl.com/goherenow"]

📘

Button Formatting

The Swoop login shortcode outputs an A link that will be defined by the implementing sites theme and associated CSS class.

Step 5: Protected Pages

With Swoop protected pages, Wordpress sites can now restrict access to pages or posts that require Swoop authentication. In order to configure protected pages follow these steps:

  1. Navigate to Swoop --> Page Protection
  1. From the dropdown select the protected page where non-authorized users get sent when attempting to access a protected page. The Swoop plugin will automatically create a page called 'Passwordless Page Protect' and select as the default. Reference an example of what that default page looks like below. Feel free to utilize this page which includes the swoop login button short code or create your own , select from the drop down and style it the way you like. Save changes and you're on your way.
  1. The final step requires designating each page or post that should be protected as such. This is accomplished by navigating to each page or post, scrolling to the bottom and selecting the check box within the Swoop: Passwordless section called 'Only logged in users can view this content'.

Your content is now protected by Swoop.


Did this page help you?