Locating the Shortcode Adder in the Elementor Page Builder

Option 1: Finding The AccessAlly Widget in Elementor

If you already have Elementor installed on your site, load the page builder, and locate the AccessAlly section:

Drag and drop this into your page builder, then click on the edit icon to select and configure the correct shortcode:

Option 2: Finding The AccessAlly Shortcode Adder in WordPress

You can install the Classic Editor plugin to add AccessAlly and ProgressAlly shortcodes (for AccessAlly Pro users) to your pages. These shortcodes can be copy/pasted into Elementor. You’ll install and activate this plugin.

Go to the page that you’d like to make changes to and hit Edit Page.

You may need to click the Back to WordPress Editor button if you’ve previously designed the page in Elementor.

Click on the AccessAlly or ProgressAlly (for Pro users) shortcode adder to select what you’d like to add to the page.

Choose an item from the list that appears.

Set the WordPress Editor to Text and copy the shortcode you added to the page.

Open the Elementor Builder and add a text widget to the page. You’ll paste your shortcode into the text widget.

Preview your page to ensure that the shortcode added is where you’d like it and displays correctly.

You might also want to take a look at our free AccessAlly Elementor templates to help you get your site up and running faster.