Use GoDaddy Online Store to manage Foxy products

Requirements

• A Foxy store (sign up here if you don't have one yet)

• A GoDaddy website with the Online Store add-on

Integrate with Foxy

1. 1

   In the GoDaddy website editor, go to the Shop page

2. 2

   Below the section that displays products, add a new section

3. 3

   Search for the HTML section and click the Add button to embed custom code on the page
   
   

4. 4

   In the Custom Code textarea, copy/paste the code below:
   
   

   <script>
     setInterval(function () {
       const foxySubdomain = "YOUR_STORE";
       const addToCartBtn = parent.document.getElementById("addtocart-btn");
   
       if (!!addToCartBtn) {
         const name = parent.document.querySelector("[data-aid='PRODUCT_NAME_RENDERED']").innerText;
         const price = parent.document.querySelector("[data-aid='PRODUCT_PRICE_RENDERED']").innerText;
         const quantity = parent.document.querySelector("[data-aid='PRODUCT_QUANTITY']").value;
         const image = parent.document.querySelector("img").src;
   
         const variantSelect = parent.document.querySelectorAll("select");
         let variantParam = "";
   
         if (variantSelect.length > 0) {
           const allVariantName = Array.from(variantSelect).map(
             (variant) => variant.parentElement.previousElementSibling.innerHTML
           );
           const allVariantValue = Array.from(variantSelect).map(
             (variant) => variant.options[variant.selectedIndex].text
           );
   
           if (!allVariantValue.includes("-- Select --")) {
             allVariantName.forEach(
               (name, index) =>
                 (variantParam += `&${encodeURIComponent(name)}=${encodeURIComponent(allVariantValue[index])}`)
             );
           }
         }
   
         const foxyBtn = document.createElement("a");
         foxyBtn.innerText = "Add to Cart";
         foxyBtn.className = addToCartBtn.className;
         foxyBtn.id = "addtocart-btn";
   
         const cartUrl = `https://${foxySubdomain}.foxycart.com/cart?name=${encodeURIComponent(name)}&price=${price}&quantity=${quantity}&image=${encodeURIComponent(image)}`;
   
         if (variantSelect.length === 0) {
           foxyBtn.href = cartUrl;
         } else if (variantSelect.length > 0 && !!variantParam) {
           foxyBtn.href = cartUrl + variantParam;
         }
   
         addToCartBtn.parentElement.appendChild(foxyBtn);
         addToCartBtn.remove();
       }
   
       if (parent.window.location.pathname === "/shop/ols/cart") {
         parent.window.location.href = `https://${foxySubdomain}.foxycart.com/cart?cart=view`;
       }
     }, 500);
   </script>

5. 5

   In line 3 of the code above, change "YOUR_STORE" to your Foxy store subdomain. For example, if your store domain is my-store.foxycart.com, the value should be "my-store"

6. 6

   In the Force Height setting, enter 1 for the pixels value to minimize the size of this section

7. 7

   Publish the site, and test by adding different products to cart