Difference between revisions of "Wordpress Connection"

From QmazeWiki
Jump to: navigation, search
(On Qmaze)
Line 4: Line 4:
 
== On 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.
+
*Make sure the file wpapi.js is present in the Scripts folder, if not, you can download it from the qmazewp.nl/scripts/wpapi.js server and upload it to the Qmaze environment.
*Make sure the php files are present on the wordpress environment with the correct API keys
+
*Make sure the php files are present on the wordpress environment with the correct API keys, these can be found on the qmazewp.nl/neon/qmaze/ folder. There are 3, createProduct, createUser and createOrder.
 
*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:
 
*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:
  
Line 16: Line 16:
 
  - <script src="Scripts/wpapi.js"></script>
 
  - <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:
+
*Make sure that the following is adjusted based on the wordpress site you want to connect to:
 
+
  - URL in the php files, and the API keys, the keys can be found in the woocommerce settings page under the advanced/rest api tab
  - 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 to adjust the ConsumerKey and ConsumerSecret keys, you can get these keys in the Wordpress website at "Woocommerce - Settings - Advanced - REST API - Add key"
  
Line 25: Line 24:
  
 
  - {redirect:configure.aspx}
 
  - {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.
 

Revision as of 17:03, 26 February 2020

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 from the qmazewp.nl/scripts/wpapi.js server and upload it to the Qmaze environment.
  • Make sure the php files are present on the wordpress environment with the correct API keys, these can be found on the qmazewp.nl/neon/qmaze/ folder. There are 3, createProduct, createUser and createOrder.
  • 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 the following is adjusted based on the wordpress site you want to connect to:
- URL in the php files, and the API keys, the keys can be found in the woocommerce settings page under the advanced/rest api tab
- 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}