Crafted Pour Cocktail Gallery Plugin

GoDaddy 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.

Integration to GoDaddy:

To integrate CraftedPour Cocktail Gallery plugin into a GoDaddy Webbuilder site:

1. Go to your website and press Edit Website.

2. On the right panel, select the WEBSITE Tab and click the + button to add a new page.

Image 2

3. This will open the “Add Page” tile. Select “New page,” enter a Page Title, and click Create Page.

4. Your new page should appear in the WEBSITE tab

5. With the page selected, click Add Section:

6. Under “Files & Web,” select HTML. Click on “Add” as shown below:

7. We should have the following screen:

8. Enter Custom code as follows:

<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.

<script id="crafted-pour-recipe-plugin-script" type="text/javascript" src="https://plugin.craftedpour.com/scripts/crafted-pour-recipe-plugin.js?product=<product_id>&color=<color_hex>">

You can also optionally add &rows= followed by an integer. This 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.

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

In Title box, choose a title such as “Recipes”

Your screen should then appear as follows:

9. And the final screen should appear similar to the below:

Contact support@craftedpour.com with any questions or issues.

Image 4

Enjoy your new cocktail gallery

Contact support@craftedpour.com with any questions or issues