Configure IFrame code on WORDPRESS CMS

Today we're implementing iframe code with WORDPRESS CMS

We need to add Plugin code.

We need to login with WordPress admin access and click on "Pages" menu
Click on "Add New" button
We created "Configurator" page, now need to add "Custom HTML" widget
The next step, need to copied plugin code and paste it.

Still, we are facing some issues, let's check
Right mouse click and click on "inspect" option
Open "console" tab and found some of the syntax error, need to review, why we're getting such error
Now we found in line number 405, "&&" convert into HTML entities

To fix this issue
We need to remove && operator from code, so we replace
queryString && queryString['categoryName'] with queryString['categoryName'] and update the page
Same issue in line number 426, will do same above step to fix this issue.

Now we have a success page and loaded with products

Now we need to display products based on categoryName like BaseBall, BasketBall, Soccer, etc...
For that, we need to pass categoryName=baseball for BaseBall

Now all the issues are fixed.

Now here we're observing width is a very less forgiven theme.
We added max-width:80% as per my theme and now it looks good.

Now next step need to add a subMenu for Configurator Page

Click on Menu option, which is inside Appearance Menu Tab
And add Custom Link as http://localhost/wordpress/configurator/?categoryName=basketball for BaseketBall
Add and save Menu

Thanks for watching the video