July Special Offer! Get UP TO 40% OFF - Limited Time Only!

Documentation

How to use the Registration Form Widget with other Elementor Widgets?

PowerPack’s Registration Form widget can be used with any Elementor widget. For example, if you want to use the Advanced Tabs widget to display content in one tab and Registration Form in another, then you can display the Registration Form widget inside another tab and thus, successfully use the Registration Form widget with the Advanced Tabs widget.

Similarly, there can be several different scenarios in which you can use the Registration Form widget with different Elementor widgets.

Here, in this doc, we will use the PowerPack’s Registration Form widget with Advanced Tabs widget. We will first set up the Registration Form widget and place it in the Advanced Tabs widget.

Required Plugins: Elementor and PowerPack Pro for Elementor.

Creating a New Page#

Go to the WP Admin Dashboard and then go to pages and click on Add New button. Give your page a proper name and click on the “Edit with Elementor” button to launch the Elementor Page Builder.

Create a New Page
Create a New Page

Design the Registration Form using Registration Form Widget#

Custom Registration Page
Custom Registration Page

Save the Registration Form as a Global Widget#

Now, you need to save the Registration Form as a Global Widget. In order to do that, please follow the below-mentioned steps:

  • Right-click on the Registration Form Widget area and click on "Save as Global".

Save Registration Form as Global Widget
Save Registration Form as Global Widget

  • Give your template a proper name and save.

Add Advanced Tabs Widget to a New Page#

  • Again, head over to the WP Admin Dashboard and add a New Page. Give your page a proper name and click on the “Edit with Elementor” button to launch the Elementor Page Builder.
  • Drag and Drop the "Advanced Tabs" widget to the page.

Advanced Tabs Widget
Advanced Tabs Widget

Choose Content Type as "Saved Widget" in Advanced Tabs#

  • In the Content Tab of Elementor Page Builder, open the tab in which you want to display the Registration Form that you just saved as a widget.
  • Here, choose "Content Type" as "Saved Widget".

Advanced Tabs Content Type
Advanced Tabs Content Type

  • In the next step, you'll have to choose the Widget that you'd saved as the Global Widget in the above step. As visible in the screenshot, we have chosen the "Registration Form" widget that we saved as Global Widget.
  • After following the above steps, publish the page.
  • You'll see the "Registration Form" being displayed perfectly fine in the Registration Form Tab of the Advanced Tabs widget.

Registration Form Widget in Advanced Tabs Widget
Registration Form Widget in Advanced Tabs Widget

That's it! :)
This was all about using the Registration Form widget with the Advanced Tabs widget. You can follow a similar method to use the Registration Form widget with any other Elementor widget you like.

Feel free to get in touch with us in case of any concerns regarding using the Registration Form widget.

Not the solution you are looking for?

Please check other articles or open a support ticket.

Download PowerPack Free

Subscribe to receive latest updates, announcements, offers, deals & discounts.