Installing Celery with Wordpress

Overview

There are several ways to install Celery on WordPress. It's recommended that you have a developer on hand who can help since WordPress tends to be more complicated than other options. 

Getting Started


Option 1 - Celery WordPress Plugin

This is the easiest way to get started but also the least flexible. 

To get started, please download and install our Wordpress plugin. Once installed, activate the plugin and go to Settings > Celery.



In the field highlighted below, paste in your Celery product slug.


Your Celery slug can be found inside your Celery product editor.


To embed the checkout properly, please include our shortcode on any page or post. Sample short code is listed within the Celery settings page in WordPress. The syntax should look something like this: [celery-inline slug="my-store-slug"]. (Remember to replace "my-store-slug" with your product slug)




The shortcode can be placed anywhere within your Wordpress website. Please save and preview the page. Your Celery checkout should automatically appear.

Option 2 - Open Celery on a custom button

This method is best used if you prefer your own button design. The first step is to link any button or menu item to your Celery shop URL. 



Navigate to Appearances > Editor inside your WordPress dashboard and search for a file called "Headers.php". You should see a bunch of code.

Paste the following script at the top of this file:
<script type="text/javascript">
$(function() {
  setTimeout(function() {
    $('a[href="https://shop.trycelery.com/page/YOURSLUG"]').attr('data-celery', 'YOURSLUG');
    $('a[href="https://shop.trycelery.com/page/YOURSLUG"]').attr('onclick', 'return false;');
  }, 100);
  setTimeout(function() {
  var script = document.createElement('script');
  script.src = "https://www.trycelery.com/js/celery.js";
  document.getElementsByTagName('head')[0].appendChild(script);
  }, 100);
});
</script>

Replace "YOURSLUG" with the correct unique identifier shown in your shop link (image below). Your Celery slug can be found inside your product editor (click Show Me How > A Link I can share).


Save all changes and refresh the page. The button should now trigger an overlay when clicked.

Feedback and Knowledge Base