It's time to create new or re-design your websites to bring it to the next level.

Collection of 200+ Free Joomla templates, support Joomla 3.9.x and Joomla 4 Listing of 300+ Best Free WordPress themes, WooCommerce compatible, Elementor supports!

Many website owners want their site to have a beautiful and stylish look in order to compete with other websites, therefore, they need to use Page Builder, and SP Page Builder is seemed to be one of the most well-known Page Builder in Joomla community.

Integrating J2store with SP Page Builder, you can show your site product in the layout you designed through using SP Page Builder, as well as allowing you to insert product shortcode to any custom widgets.

Notice: J2store SP Page Builder add-on plugin is fully compatible with SP Page Builder version 2 and 3.


Step 1: Download J2store SP Page Builder add-on here and go to Joomla installer to install it

Step 2: When the installation is finished, please access Extensions > Plugins and check if the plugin “J2Store – SPPageBuilder” has been enabled or not. If it is not, please enable it.

Use cases

Do you want to display product by SP Page Builder? You can do this with both J2store Product shortcode and Product display module.

Publish Product display module by using SP Page Builder?

Notice: please enable and configure the Product Display module by going to Extensions > Modules.

Step 1: Going to SP Page Builder > Pages and click NEW to create a new page

Step 2: Set the page title and click Add New Row.

Step 3: Click on Add New Add-On

Step 4: From Addons list > Joomla Module.

Step 5: There is a popup window showing, please set Admin title and label, then move to Addon Options to choose Module to the type as well as choose mod_j2products as the Module.

Step 6: Click Apply

You can see the result in frontend:

Use J2Store product shortcode by using SP Page Builder?

Step 1: Go to SP Page Builder > Pages and click NEW to create a new page

Step 2: Set your page title > Add New Row.

Step 3: Click on Add New Add-On

Step 4: There is a popup window appearing, then you will see J2store in the left side menu panel. Click it to see J2store Add-on.

Step 5: Click J2store Addon will show you a popup screen with general settings and style configuration.

Step 6: Set the title and scroll down till you see the option dropdown “Product shortcode tags”. Choose it and type Product ID which you want to show, at the provided textbox beside the Product shortcode tags)

Step 7: Click Apply.

That’s it! If you have any other question, please let us know by leaving a comment below, we will reply as soon as possible!

Image Credit: J2store

Are you Web Freelancer or Web Design Company? Join our Club and Access our Resource!

500+ Premium Joomla! and WordPress themes just $8.70/Month, Quickstart (dummy) package included, unlimited domains!


Access Life-time All-In-One Membership with all 500+ Premium WordPress themes and Joomla templates and new theme(s) every month just $199.50 (instead of $399). Life-time PRO theme access, download and support, no renewal in the future.

Get DEV plan of All-In-One Now!

Merry xMas & Happy New Year! Get 50% OFF for your purchase! Coupon code: XMASNEWYEAR50 More Details
Happy New Year 2021! Get 50% OFF for your purchase! Coupon code: XMASNEWYEAR50 More Details