Crafted Pour Cocktail Gallery Plugin

WordPress Installation Instructions

Rev. June 9, 2023

The Crafted Pour cocktail gallery runs in JavaScript, allowing installation flexibility on various web hosting platforms. All gallery content is dynamically generated by Crafted Pour (from the google cloud). Since the plugin is embedded using Javascript, SEO benefits should flow to the container website.

The below instructions were generated using a local WordPress installation. The exact look of the below screens may vary slightly using different hosting platforms and versions but should be similar.

To integrate CraftedPour Recipes plugin into a WordPress site:

1. Go to the Admin/menu panel of the WordPress site (for example, by clicking the WordPress logo at the top right while editing the site).

2. Click Plugins to open the Plugins view. (Image 1)

Image 1

3. Click on Add New button on top and search “wp code.” Install the WPCode plugin shown in Image 2:

4. After successfully installing the plugin, you should have the Code Snippets section on the left panel. Click on it, and you should see the following screen (Image 3):

Image 2

Image 3

5. Now click on Add New button at the top, and you should see the following screen (Image 4):

6. Hover on the first option as follows and click on the Use snippet button. (Image 5)

Image 5

7. Then you should see the following screen. Add a title and set the Code Type to Universal Snippet. (Image 6)

8. In the Code Preview box, paste the following:
<script id="crafted-pour-recipe-plugin-script" type="text/javascript" src="https://plugin.craftedpour.com/scripts/crafted-pour-recipe-plugin.js?brand=<brand_id>&color=<color_hex>">

Alternatively, you can generate a gallery for a single product by replacing “brand=” with “product=” and using a product id supplied by Crafted Pour.

Replace the brand_id, product_id, and color_id in the above script as follows:

brand_id and product_id: As provided by Crafted Pour.

color_hex: This can be any color in the form of a hex value with six digits (without “#”), e.g., FF01ED.

For help finding Hex codes, you can use a hex color tool such as found here: https://htmlcolorcodes.com

You can also optionally add the following variables:

&rows= followed by an integer will cause the plugin to display up to that many rows with arrows to flip pages rather than an infinite number of recipes on the same page.
&catfilter=true will display the drop-down similar to your current recipe gallery filtering on the spirit type
&featured=true will show the featured section at the top. To include recipes in this, switch the featured flag on the individual recipes via the CMS.

Then click on Save Snippet.

Image 6

9. Now, go to the Insertion section and select Shortcode for Insertion Type. (Image 7)

Image 7

10. Click on the toggle button in the top right and make sure the plugin is Active. Now click the Update button to save all the settings. (Image 8)