This tutorial provides help in how to integrate NutriAdmin with WordPress.

Disclaimer

You should always proceed with care when making any changes to your website. Changing a website can cause an outage, reduce performance, or change the layout of the website in an unintended way. You should always take a backup of your website before making any changes and ensure you are able to restore the previous state before attempting any changes. NutriAdmin cannot be held responsible for any adverse effect to changes you make to your website. This tutorial is provided for educational purposes only, and it provides tips and strategies that may work in your case. This tutorial offers no guarantees, every website is different and the strategies discussed here many not work in your case.

Creating a web widget

Before you can integrate a web widget with your site, you need to create a configuration in NutriAdmin. Please click here to learn more.

WordPress version

First of all, you should determine whether you are using WordPress.com or WordPress.org. These are two different "flavors" of WordPress, and there are key differences between the two. If you are not sure which version you use, please check this page.

When using WordPress.org, you are hosting the website yourself, and in many regards, you will have a much more custom interface and management tools. Given that there can be so much variability in this scenario, it's difficult to provide concrete guidelines. You should check this tutorial for help.

If you have access to the actual html or php files of your Wordpress installation, e.g. you can actually edit the underlying code for the website, you just need to copy/paste the web widget installation code (again, check this tutorial for help) before the ending </body> tag of the page you want to install the widget on.

If you are using a WordPress theme, typically there will be a navigation or footer file that is included in all of the sub-pages of your website. If you copy the code there, then the widget will be available in all of your pages. If you have several sub-pages (e.g. home, contact, about, services, etc) then copying the code in only one of those files will make the widget available locally only.

It may help to search online for a tutorial on how to add a snippet of javascript code to your site. There are a multitude of methods and plugins that can help, depending on the type of WordPress installation your have.

Using a plugin to load the widget

If you are not able to edit your html files directly, you may benefit from using a plugin to add the javascript snippets to the footer of your page. At the moment of writing this tutorial (July 2018) one of the best rated such plugins in the WordPress marketplace seems to be header and footer scripts.

Note: as a general rule, you need a business plan subscription of WordPress.com in order to use plugins.

There are other plugins available with similar functionality, this is just one suggestion, and it is recommended you search around and compare alternatives. NutriAdmin does not endorse or is affiliated with header and footer scripts. In case of any technical issues with a plugin, you should contact the plugin developer.

Assuming you have managed to install a plugin that allows you to add scripts to your page, now you just need to follow the instructions published by the plugin developer to copy the NutriAdmin javascript snippet into your page.

What if it does not work

Due to the nature of WordPress and websites in general, every website is different. Some WordPress themes may limit the amount of extra functionality you can add, or the NutriAdmin web widget may not load correctly due to factors outside of NutriAdmin control.

If this guide does not cover your specific case, we recommend you search online for tutorials on how to install custom javascript into your web site. There are a myriad of such tutorials covering many cases. Be careful with some of the tutorials, as the author may be just trying to sell his/her own tool. The best reviews/tutorials will probably be from unbiased third parties. Try to find something objective where possible.

Finally, if all else fails, and you cannot install the widget for whatever reason e.g. the security settings of your website do not allow to load external code, or the software is incompatible, you can always embed links to your questionnaires, appointment slots, and payment pages directly, without the need for a widget. You can watch the video linked below to learn more:

Watch video tutorial on YouTube