In this article, you will find:
- How to install the OptiMonk plugin on a WordPress website
- How to set up WordPress Cache to work well with OptiMonk
You can easily integrate OptiMonk with your WordPress site by following the instruction described below. The step-by-step guide is going to introduce you to which actions to take in order to implement OptiMonk on your website successfully. You will be able to set it up in no time to your website and then getting started with creating and optimizing your OptiMonk campaigns.
Please also note that depending on if you use WordPress.org or WordPress.com, the admin page might look a little bit different, but the steps to install OptiMonk are similar.
Please follow these steps to install the OptiMonk plugin:
1) Log in to your WordPress site and click on Plugins on the left, then select Add new. Click on the Search bar and search for the word OptiMonk. Click on OptiMonk.
2) Click on Upgrade and Activate.
3. After activation has been completed successfully, you’ll find the OptiMonk plugin in the list of Installed Plugins.
4. The next step is to copy your OptiMonk ID. To find this, log in to your OptiMonk account at https://app.optimonk.com/login/en. Upon successful login, your OptiMonk ID will be readily visible within the URL of the OptiMonk app.
5) Go back to the WordPress admin page, navigate to Appearance on the left and select OptiMonk. Insert your OptiMonk ID Number into your OptiMonk WordPress Plugin.
6) Click on Save Changes to finish the setup.
WordPress Cache
Sometimes when OptiMonk is installed on WordPress sites, it will not always work straight away as most WordPress sites have a cache plugin installed. Cache plugins help to make your website faster by compressing and generating HTML files for your WordPress site, this helps reduce server resources like database queries and PHP compilation by serving static HTML pages.
You can quickly check if the website is using some cache system using - https://cache-checker.com
If we see any form of Cache hit, then this means that the website is serving a cached version of the website.
There are a number of different cache plugins for WordPress and this article will try and go over most of these:
Autoptimize
When you are using Autoptimize, you need to add this to the list of scripts that should not be cached.
Open Autoptimize, and under the JavaScript Options settings, we need to add:
to the Exclude Scripts from Autoptimize. We also need to tell Autoptimize to load the OptiMonk script async. Go to the Extra tab on the Autoptimize Settings page, and add https://onsite.optimonk.com/script.js to the Async Javascript-files (advanced users)
Autoptimize has a basic toolbar at the top of the page where you can easily delete the cache. Click on Autoptimize and click on Clear CSS/JS Cache.
Test your website and the OptiMonk campaign should now appear 🙂
Comet Cache
Cache files created by Comet Cache can be deleted by clicking on Comet Cache on the left side menu of the WordPress Dashboard.
To delete the cache you will need to click on the Clear button with a small brush icon found at the top right of the page.
Once this has been completed the OptiMonk app should start appearing as it should :)
Litespeed Cache
Litespeed cache is generally found in the toolbar on the WordPress dashboard. To delete the cache from Litespeed you will need to click on the Litespeed icon and click on “Purge All”, please note that if you are using Litespeed enterprise then this may take a few moments to clear the CDN cache data.
Once the cache has been purged OptiMonk should appear on your website :)
Nginx Helper
Nginx cache is a bit different from the standard Apache cache that most web hosts provide to their customers. This is due to how Nginx utilizes the fastcgi or redis-cache and due to this the Nginx cache would normally need to be done on the server, however, the Nginx Helper plugin allows you to delete the cache from within WordPress.
Depending on the settings you can normally delete the cache by clicking on “Purge cache” in the top toolbar.
However, there may be some cases where the “enable Purge” settings have been disabled so this will not show the Purge Cache button in the top bar. In order to delete the Nginx cache if you cannot see this button in the toolbar, you will need to click on Settings > Nginx Helper from the dashboard side menu.
On the Nginx Helper plugin page, you will be able to Purge the Entire Cache, once this has been done the OptiMonk campaigns should start working on your website :)
WP Rocket
If you are using WP Rocket, you will need to add the following OptiMonk URLs to the Remove from Javascript Deferred List as well as the Minify JavaScript Files:
The following screenshot is of the Defer List - WP Rocket Support Document - https://docs.wp-rocket.me/article/976-exclude-files-from-defer-js
The following screenshot is of the Minify List - WP Rock Support Document - https://docs.wp-rocket.me/article/915-find-the-right-js-files-to-exclude-from-minification
Once these have been added and saved, you will need to clear and preload the cache.
WP Super Cache
WP Super Cache has a standard delete cache in the top toolbar with the text “Delete Cache”. Just click on this and the cache will be deleted.
There may be times when the “Delete Cache” text is not shown at the top of the page so you will need to open the actual WP Super Cache settings. Please click on Settings > WP Super Cache on the left menu bar.
Scroll down the page a little and you will see the “Delete Cache” button. Once you have cleared the cache OptiMonk should start appearing.
Congratulations, you can start using OptiMonk on your website!
If you need any further help or have any questions, just let us know at support@optimonk.com and we would be happy to assist :)
Comments