How to Publish using Elementor (Step by Step Guide)

Here are the steps and detailed guide on how to to publish Super Store Finder for WordPress using Elementor plugin.

Important Notice: Ensure that you download and upgrade Super Store Finder and all its add-ons as well as Elementor to the latest version. Upgrade instructions available here.
Important Notice: If you have Visual Composer Plugin enabled, ensure to disable this plugin in order to publish the shortcode without Page Builder conflicts.

Watch this video to publish store locator in Full Width using Elementor

1. Create a new page or post and edit using Elementor

2. When you start editing with elementor, press the + icon and start creating your structure. Take note, you can add the store locator to existing structure / block of your page.

widget

3. Press the + icon and from the Elements list scroll down until you see Text Editor icon.

elementor-super-store-finder-21

4. It is important to click on the Text Tab first, and you can start entering [SUPER-STORE-FINDER] shortcode.

elementor-super-store-finder-1

Important Notice: If step 3 and 4 do not work, try step 3a and 4a below.

3a. Press the + icon and from the Elements list scroll down until you see the Shortcode icon.

Elementor Shortcode Super Store Finder

4a. Enter [SUPER-STORE-FINDER] shortcode and click on Apply.

elementor-super-store-finder-1

5. Press on the Update button (sometimes there will be error message upon Saving, just ignore this message) and click on the menu and press View page.

How to Publish Super Store Finder Shortcode using Elementor Page Builder

6. You’re done! Your store locator page is published using Elementor.

How to Publish Super Store Finder Shortcode using Elementor Page Builder

Important Notice: If your web page CSS is broken after using the plugin shortcode, update the plugin to the latest version which has the issue fixed. If the issue still persist, you can try to go to Elementor > Settings set Optimized DOM Output to Inactive. You may need to clear browser cache and Elementor > Tools > Regenerate Files & Data and refresh the page. If the page is still not updated, try to test it on another browser type or device.

ssf-elementor-setting1

ssf-elementor-setting2

3+

Users who have LIKED this post:

  • Sofia Moss
  • Melanie
  • Alex