Wordpress Connection

This Wiki page will help you setting up a connection between Wordpress en Qmaze. You will need to make some adjustments to both Wordpress as Qmaze.

On Qmaze

• Make sure the file wpapi.js is present in the Scripts folder, if not, you can download it here and upload it to the Qmaze environment.
• If there is need to place a "Add to cart" button on the Qmaze environment please add the following code into an outputscript, and don't forget to link it in your configuration outputscript:

- <div>

- <button class="q-btn-send" id="submit-form" type="button">Voeg toe aan Winkelmand</button>

- </div> 

- <script src="Scripts/wpapi.js"></script>

• Make sure that in the wpapi.js file the following is adjusted based on the wordpress site you want to connect to:

- In "var settings" adjust the base url to the url of the wordpress site (Note: Make sure that is always a secured HTTPS connection)
- Make sure to adjust the ConsumerKey and ConsumerSecret keys, you can get these keys in the Wordpress website at "Woocommerce - Settings - Advanced - REST API - Add key"

• Make sure the configuration outputscripts are correctly configured for example :

- {generateconfiguration.groupe-beneteau}

- {redirect:configure.aspx}

On the Wordpress site

• Install the qmaze-loader plugin, which you can find here.
• Configure the plugin in the admin panel, add the configuration URL, set the height and the username if needed.