Skip to main content
Logo
Open App
GoDaddy Guide

Install the Recipe Widget on GoDaddy

An HTML section on a new page in the Websites + Marketing builder. About ten minutes.

GoDaddy's Websites + Marketing builder supports the widget through its HTML section. The recipes render into your page's DOM (not an iframe), so recipe content indexed by Google lives on your domain.

Before you start

  • A Crafted Pour brand profile. If you have not claimed yours yet, start free at craftedpour.com/claim.
  • Your products registered with Crafted Pour. Email info@craftedpour.com with your product list, product detail page URLs, a photo of each product, and UPC codes (preferred) or SKUs. We register these so your products appear as shoppable ingredients and the right recipes flow into your widget. Paid plans can manage products directly in the CMS.
  • Your plugin_id. We issue this when we provision your widget — it ties the embed to your brand's products, settings, and domain. Log in at craftedpour.com/cms — your Plugin document is listed there, and its document ID is your plugin_id. It is also in your onboarding email, or ask info@craftedpour.com.
  • Your site domain on file with us. Tell us the exact domain (and any staging/preview domains) where the widget will run so we can register them. Recipes will not load from an unregistered domain.
  • Brand color hex codes (6 digits, without #) if you want the widget styled to match your site — e.g., B42B30. A tool like htmlcolorcodes.com helps.
  • Edit access to your GoDaddy Websites + Marketing site.

Step-by-step

1

Open the editor

Sign in to GoDaddy, open your site's dashboard, and click Edit Website.

2

Add a new page

In the right panel, select the Website tab and click the + button to add a page. Choose New Page, enter a title (e.g., “Recipes”), and click Create Page.

3

Add an HTML section

With the new page selected, click Add Section, search for HTML, and select Add.

4

Paste the embed as Custom Code

Cocktail gallery embed (v2)

<!-- Crafted Pour SEO script (load first) -->
<script type="text/javascript"
  src="https://plugin.craftedpour.com/v2/scripts/crafted-pour-recipe-plugin-seo.js">
</script>

<!-- Crafted Pour recipe widget -->
<script id="crafted-pour-recipe-plugin-script"
  src="https://plugin.craftedpour.com/v2/scripts/crafted-pour-recipe-plugin.js?plugin_id=YOUR_PLUGIN_ID&catfilter=true&featured=true&primaryColor=B42B30">
</script>

Paste into the Custom Code field, replace YOUR_PLUGIN_ID with your plugin ID and B42B30 with your brand color (hex, no #). Give the section a title like “Recipes” if prompted. Tip: set the section height option to its largest value (or “fit content” where available) so the gallery is not clipped.

5

Publish and view

Click Publish and open the live page. The gallery should render with recipe cards and the “Powered by Crafted Pour” badge.

Product pages

If you maintain individual product pages, add the same HTML section to each with the product-page variant — one row of recipes plus community ratings for that bottle. Paste the product's UPC (preferred) or SKU as registered with Crafted Pour:

Product page embed

<!-- Crafted Pour recipe widget — product page mode -->
<script id="crafted-pour-recipe-plugin-script"
  src="https://plugin.craftedpour.com/v2/scripts/crafted-pour-recipe-plugin.js?plugin_id=YOUR_PLUGIN_ID&rows=1&ratings=true&sku=YOUR_PRODUCT_UPC_OR_SKU&primaryColor=B42B30">
</script>

Customize the widget: full parameter reference

Everything after the ? in the script URL configures your widget. Chain parameters with &. All are optional except plugin_id.

ParameterExampleWhat it does
plugin_idplugin_id=qYyFJ6…Required. Your widget ID from Crafted Pour — loads your products, recipes, and partner settings.
rowsrows=2Show a fixed number of rows with paging arrows. Omit for an infinite-scroll gallery. Use rows=1 on product pages.
featuredfeatured=trueAdds the curated FEATURED rail at the top — hand-picked seasonal recipes photographed with your bottle. Toggle its content via the CMS (show_featured).
ratingsratings=trueShows the product-ratings widget (community tasting notes and star ratings) above the recipes. Designed for single-product pages.
recipesrecipes=falseSet to false to hide the recipe grid — combine with ratings=true for a ratings-only embed.
catfiltercatfilter=trueAdds a category (spirit-type) filter dropdown.
productfilterproductfilter=trueLets visitors filter recipes by your products. Rendered as a dropdown or as visual product pills depending on your partner-level filter style setting.
brandfilterbrandfilter=trueBrand selector — for portfolios, groups, and retailers managing multiple brands in one widget.
productproduct=KN3ARO…Restrict the widget to one product by its Crafted Pour product ID. Only needed when you cannot use sku.
skusku=012345678905Match a product by UPC (preferred) or SKU — ideal on ecommerce product templates where the platform injects the value dynamically. Repeatable for multi-SKU pages.
primaryColorprimaryColor=B42B30Main accent color (buttons, highlights). Hex without #.
colorcolor=B42B30Supported alias for primaryColor — many existing installs use it and it keeps working. If both are present, primaryColor wins. Prefer primaryColor for new installs.
secondaryColorsecondaryColor=FFFFFFBackground for tags and ingredient boxes.
backgroundColorbackgroundColor=FFFFFFWidget background. Defaults to transparent so it inherits your page background.
textColortextColor=000000Main text color.
textPositiontextPosition=bottomMoves recipe name and creator below each photo instead of overlaid on it — a cleaner look on minimal sites.
recipeItemBorderrecipeItemBorder=0Set to 0 for square recipe-card corners (matches squared-off site designs). Omit for the default rounded cards.

Partner-level behavior — editor's notes, smart product placement (competitor masking), generic-recipe inclusion, and filter style — is configured per brand rather than per embed. See the Partner Settings guide and manage them at craftedpour.com/cms.

Recipe detail pages & SEO setup

Every recipe card links to a full recipe page on your domain (your gallery URL with ?cp_rid=<recipe> appended). The SEO script in the embed above is what makes those pages count for search:

  • Server-rendered recipe content. Title, ingredients, instructions, and your brand's AI-sommelier editor's note are served before any JavaScript runs, so Google indexes real content on your URL — not an empty shell.
  • Structured data. Machine-readable Recipe markup including star ratings, making your pages eligible for Google's rich results and readable by AI assistants like ChatGPT and Gemini.
  • Canonical and social tags. Correct canonical, Open Graph, and Twitter URLs are set per recipe automatically.

That is why the two-script embed matters: keep the SEO script before the widget script, on the same page.

GoDaddy note: Websites + Marketing does not support custom redirects on all plans. If you cannot create the /recipe-sitemap.xml redirect, submit the Crafted Pour sitemap URL to Google Search Console directly — GSC accepts cross-domain sitemaps for verified properties, or email support@craftedpour.com and we will help.

Submit your recipe sitemap to Google

  1. We auto-generate a sitemap of every recipe URL on your domain at: https://plugin.craftedpour.com/sitemaps/YOURDOMAIN.com_recipes.xml
  2. Create a redirect on your domain — e.g. yourdomain.com/recipe-sitemap.xml → the URL above.
  3. In Google Search Console, verify your domain and submit the redirect URL under Sitemaps.

How to know it worked

  1. The gallery renders. Open the published page — you should see a grid of recipe cards with photos and a “Powered by Crafted Pour” badge. If you enabled featured=true, a FEATURED rail leads the page.
  2. Cards open recipe pages on your domain. Click any recipe — the URL should stay on your site and gain ?cp_rid=…, showing the full recipe with your product linked in the ingredients.
  3. Your products are shoppable. On a recipe that uses your product, the ingredient should link out with your “shop” call-to-action (competitor names masked if smart product placement is on).
  4. SEO content is being served. On a recipe page (with cp_rid in the URL), use View Source and search for recipe-seo-content or the recipe name — it should appear in the raw HTML.
  5. No console errors. Open your browser's developer tools (F12) → Console. A healthy install logs Recipe widget loaded with no red errors.

Troubleshooting

  • The HTML section shows a gray placeholder in the editor. Expected — GoDaddy often shows a placeholder for custom code while editing. Publish and check the live page.
  • The gallery is cut off after a few rows. Increase the HTML section’s height setting, or add rows=2 to the script URL to render a fixed-height, pageable gallery that fits the section.
  • The script shows as plain text on the page. It was pasted into a rich-text/paragraph field instead of an HTML/code element. Re-paste it into your platform's HTML embed field.
  • Nothing renders at all. Check that the script URL is exactly https://plugin.craftedpour.com/v2/scripts/crafted-pour-recipe-plugin.js and that your page editor did not strip the <script> tag (some platforms restrict scripts on lower-tier plans).
  • An empty grid loads. Usually a wrong or missing plugin_id, or your domain is not yet registered with us. Email support@craftedpour.com with your page URL.
  • Testing on a staging or preview domain. Send us the full preview URL first so we can whitelist it — unregistered domains will not load recipes.
  • Old content keeps showing after changes. Clear your site/CDN cache and hard-refresh (Cmd/Ctrl + Shift + R).
  • Colors look wrong. Color values must be 6-digit hex without the #primaryColor=B42B30, not primaryColor=#B42B30. A # starts the URL fragment, so everything from it onward is silently dropped and your color never reaches the widget. The same applies to the legacy color= parameter.
  • Your site uses a Content-Security-Policy. Allow plugin.craftedpour.com in script-src, connect-src, and img-src.

Want the deep-dive on what the widget does for your brand — smart product placement, brand-aware photos, AI editor's notes, star ratings in Google? See the full feature tour.

Install it free — or let us do it for you

Everything on this page is free to self-install with your existing widget. Prefer white-glove? We offer paid installation — custom styling, placement, and theme work included — so it is live on your site without you touching a line of code.

Request Paid InstallationAsk a Question