Help: Snipcart Integration

Design help Webflow integrations
1

Hi, I’m trying to integrate Snipcart into my webflow project with no luck so far. I don’t know if I’m missing something but my Add to cart button isn’t clicking. I watched Pixel Geek’s tutorial for this and I believe I followed the steps correctly.

My site read only link

2

No one helped you right ? I did the same and it didnt work out too…

3

I got it to work. If it’s a personal project, can you share a read-only link so I can help or maybe share what you need help with

4

Hey mate thanks for answering me

Here is the link

https://preview.webflow.com/preview/thebrandtalk?utm_medium=preview_link&utm_source=designer&utm_content=thebrandtalk&preview=69a1f4386407b17600c215a8d0606c04&workflow=preview

as you can see, the add to cart button works, but when I go to my account, it doesn’t, I tried many times, different things, named the div block, etc… the customer dashboard doesn’t show off,

and dunno why the add to cart panel is hidden by the sticky nav menu … hmm

5

Take the script in HTML Embed 7 and go to custom code section in project settings. Paste it in the Footer Code

6

Kindly share the outcome after you do that

7

Hello mate, thank you for trying to help, I add the code and nothing changed, the My account button stil doesn’t work…

8

Only way I can test is on a published site. Have you published on the local webflow domain, if yes, can you share the link?

9

Sure here is the link Page Pro

2 different pages https://thebrandtalk.webflow.io/

10

I’ve inspected your website and I can’t seem to figure out what’s wrong with it. Looks like you’ve done everything right imo

11

Still don’t get what is wrong, I’ve tried the Add To Cart class as you mentioned and it opens the panel. I’m surprised at this development.

About the sticky panel hiding the add to cart panel, you can paste this code in Footer Code in your project settings

document.addEventListener("snipcart.ready", function () { 
window.addEventListener("hashchange", () => {
    const currentUrl = window.location.href;
    const subPaths = [
      "cart",
      "register",
      "signin",
      "dashboard",
      "forgot-password",
      "checkout"
    ];
    console.log(currentUrl);
    const navbar = document.querySelector("#Top");
    //if current url contains any of the subpaths, hide navbar
    if (subPaths.some((v) => currentUrl.includes(v))) {
      navbar.style.display = "none";
    } else {
      navbar.style.display = "flex";
    }
  });

});
12

I believe the issue may be connected to the fact that you’re using Webflow’s E-Commerce option. I’m not 100% certain but that is just a suggestion

13

Mate, thanks for the help, we tried our best together, I think the problem is from snip cart, now from us :smiley:

14

Yes, I agree with you. You can look at other solutions

15

Do you know anything else who’s similar to Snipcart and that I can integrate into web flow ?

16

You can check Foxycart

2 Likes
17

Hi all.
Josh with Foxy here. Details about our seamless Webflow integration can be found here: https://foxy.io/webflow

  • Unlimited free trial
  • Sell any type of product (one-off, subscriptions, memberships, digital, services, bundled, donations, etc.)
  • Manage products with Webflow CMS
  • Connect to 100+ gateways and alternate payment methods
  • Embed a customer portal
  • Sale and accept gift cards
  • Multi-lingual
  • Muli-currency
  • and more!

Please don’t hesitate to reach out if you have any questions or need help getting started: hello@foxy.io

Thanks,
Josh

18

Thanks you for replying here, I’ve tried to contact snipcart, even wrote something in the forum no one helped me, seems like Foxy knows his job better than they do :slight_smile:

1 Like
19

We’re here to help if you need anything at all.

Josh

20

Hi @Copernic00

Did you get Snipcart to work yet? I have it on my site.