Support » Plugin: BigCommerce For WordPress » problem embeedded check out wordpress with google chrome

  • Dear support,

    We are writing to you regarding the big commerce plugin for wordpress and in particular the embeedded check out.
    Indeed this one works only on a few browsers: facebook, mozillan, safari application.

    The check out does not work however on google chrome, we have the following errors on the console :

    Uncaught (in promise) NotEmbeddableError: Cannot start a checkout session with an empty cart
    at u (https://checkout-sdk.bigcommerce.com/v1/embedded-checkout-9e4ab2be.js:47:24605)

    if (isIframeEvent(event.data, EmbeddedCheckoutEventType.FrameError)) {
    teardown();
    reject(new NotEmbeddableError(event.data.payload.message, NotEmbeddableErrorType.MissingContent));

    Our wordpress website is on the following url: https://cafandgo.com/
    We are testing google chrome browsing in private browsing and the check out does not work

    Here is the diagnosis of the site according to the bigcommerceforwordpress plugin :

    Data retrieved successfully
    WordPress Installation
    Site URL
    https://cafandgo.com
    WP version
    5.5.1
    Multisite
    No
    Permalinks
    /%year%/%monthnum%/%day%/%postname%/
    Plugins Active
    All-in-One WP Migration Unlimited Extension – 2.37
    All-in-One WP Migration – 7.27
    BigCommerce for WordPress – 3.23.0
    Bolt Checkout for BigCommerce – 1.0.0
    Contact Form 7 – 5.2.2
    Elementor Pro – 3.0.3
    Elementor – 3.0.5
    Official Facebook Pixel – 2.2.0
    Yoast SEO – 14.9
    Network Plugins Active
    Must Have Plugins
    Elementor Safe Mode – 1.0.0
    Server Environment
    PHP Version
    7.2.32
    Max Execution Time
    300
    Memory Limit
    256M
    Upload Max Filesize
    128M
    Post Max Size
    128M
    WP debug
    Yes
    WP debug display
    Yes
    WP debug log
    No
    Mysql Version
    5.5.5
    Web Server
    Apache
    BigCommerce Plugin
    Channel ID
    321774
    Store ID
    Api URL
    https://api.bigcommerce.com/stores/brzzc7ukir/v3/
    Import Frequency
    daily
    Import Status
    completed
    Last Import
    2020-09-08 17:34:01
    Next Import
    2020-09-09 17:34:01
    Products Count
    1
    Cart Enabled
    true
    Cart Page Slug
    cart
    Archive Slug
    false
    Category Slug
    false
    Brand Slug
    false
    Account Page Slug
    register
    Gift Certificate Page Slug
    gift-certificate
    Template Overrides
    Channel: cafandgo.com
    Site URL
    https://cafandgo.com
    Route: home
    /
    Route: cart
    /cart/
    Route: login
    /login/
    Route: account
    /account-profile/
    Route: create_account
    /
    Route: forgot_password
    /login/?action=lostpassword
    Route: account_order_status
    /order-history/
    Route: returns
    /shipping-returns/
    Route: account_new_return
    /shipping-returns/
    Route: product:*
    /products/{slug}/
    Route: brand:*
    /products/brands/{slug}/
    Route: category:*
    /products/categories/{slug}/
    Route: recover_abandoned_cart:*
    /bigcommerce/recover-cart
    Webhooks
    store/cart/converted
    https://cafandgo.com/bigcommerce/webhook/checkout_complete
    store/product/*
    https://cafandgo.com/bigcommerce/webhook/product_update
    store/product/inventory/*
    https://cafandgo.com/bigcommerce/webhook/inventory_update

    We have to run the check out on google chrome, this is essential for us.
    Thank you for helping us, we already had this problem before, the check out must be stable.
    This is very important for sales.
    Do you need more information ?
    Thanks for your help
    Best regards

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Support Topher

    (@topher1kenobe)

    Hi there, it sounds like you’ve run into the Third Party Cookie issue. Please check out these reference and documentation URLs.

    https://support.bigcommerce.com/s/blog-article/aAn4O000000CdEcSAK/thirdparty-cookies-and-bigcommerce-for-wordpress

    https://support.bigcommerce.com/s/article/BigCommerce-for-WordPress-Checkout#safari

    Hi Topher,

    Thank you very much for your help and all the documentation you do.
    It helps us a lot.

    Some questions following the configuration according to your supports.
    Can we still have multisites with this principle by keeping our check out on wordpress?

    Do we necessarily have to send our dns servers to big commerce?

    it seems that we cannot associate our store on several check out :
    https://www.casimages.com/i/200914105543719155.jpg.html

    Thank you for your clarifications

    Plugin Support Topher

    (@topher1kenobe)

    You can’t have multisite and each of them have a custom domain for the embedded checkout, no. You can only have one checkout domain. So you could do something like this:

    store1.com checkout.store1.com embedded
    store2.com checkout.store1.com standalone
    store3.com checkout.store1.com standalone
    etc.

    DNS can be managed anywhere.

    mmhowey

    (@mmhowey)

    Hi Topher,

    I’ve been trying to follow the documentation on how to setup the embedded checkout on the BigCommerce for WordPress plugin, taking into account the third-party cookie issue.
    Here is my current setup:
    • Brand site: nancyspizza.com – this is our main brand website
    • BC site: shipnancyspizza.com– we have been using this as our e-Commerce site for about 3 years, always with the intention to move the functionality into our brand site as soon as we had ported it to WordPress.
    • WP Storefront site: ship.nancyspizza.com – When we went to move the functionality of our BC site into our brand site, we came across the BC4WP plugin and created this sub-domain which uses the plugin. We launched this about a month ago, and recently have been getting customer complaints about the checkout page not loading. In chatting and emailing with support, as well as reading a forum question response that you wrote, we came across the third-party cookie issue.

    Now I am trying to determine how to setup the BC sub-domain to address this issue. Can the BC sub-domain be checkout.nancyspizza.com even with the WP Storefront at ship.nancyspizza.com since ship.nancyspizza.com is a subdomain of nancyspizza.com? Or would this setup require that the BC domain be checkout.ship.nancyspizza.com? And would this be valid or best practice to have a nested subdomain like this?

    Another question, if I don’t use the embedded checkout and instead redirect my customers to the BC checkout page, do I have to worry about this third-party cookie problem at all?
    Lastly, my BC site at shipnancyspizza.com is still available to the public on the internet, but I really don’t want it to be moving forward now that I have the ship.nancyspizza.com setup. Is there a setting or something similar to prevent users from navigating to shipnancyspizza.com or any of its sub-pages? Or would I need to accomplish this with redirects? Is there a best practice on this?
    Thank you so much for your help. I have been in contact with support, who suggested that I move the BC4WP plugin to the nancyspizza.com site, and then setup the BC sub-domain as checkout.nancyspizza.com, but I would really like to leave the BC4WP plugin in the ship.nancyspizza.com subdomain if possible and I thought that you might have some good additional insights into the problem.

    Sincerely,
    Michelle

    Plugin Support Topher

    (@topher1kenobe)

    Given ship.nancyspizza.com, you want checkout.nancyspizza.com

    If you go with standalone, not embedded, you don’t need to worry about the 3rd party cookie thing at all.

    The ideal for redirects from shipnancyspizza.com is to make a 301 redirect for every page on shipnancyspizza.com AND use .htaccess to do it. This is a pain, and must be configured EXACTLY right.

    If you’re using WordPress on shipnancyspizza.com then the plugin called Redirect can make it quick and easy to redirect pages from one to another.

    If not, your host can probably still help you use .htaccess, but set up a single global redirect rather than one for every page.

    You can leave the plugin on ship. just fine, you don’t need it on the main domain.

    Thank you! I’ll give it a try – leaving the BC4WP plugin on ship.nancyspizza.com and setting up the BC subdomain to be checkout.nancyspizza.com.

    Sincerely,
    Michelle

    Hi again Topher,

    I setup the redirect from shipnancyspizza.com to ship.nancyspizza.com. My BC store did not have the ability to redirect the home page, so I had to do this with my DNS registrar as such: https://snipboard.io/ulnTvg.jpg. These seems to have been successful, as when I navigate to shipnancyspizza.com, I am redirected to ship.nancyspizza.com.

    I also setup the BC subdomain at checkout.nancyspizza.com. Here are my settings at my DNS registrar: https://snipboard.io/FRBocx.jpg. However, my embedded checkout page is not loading from any browser I try it from. Also, navigating to checkout.nancyspizza.com yields a Store Not Available message. See here:https://snipboard.io/wgTshC.jpg.

    Can you provide any additional guidance?

    Thank you,
    Michelle

    mmhowey

    (@mmhowey)

    Hi again Topher, I worked with one of the BC support techs yesterday evening and based on his suggestion, I additionally changed the domain in the BigCommerce dashboard from shipnanancyspizza.com to checkout.nancyspizza.com and this seemed to solve the problem. My embedded checkout page now appears and I am able to place orders. I have a new problem now in that my order confirmation page is not being displayed after hitting Submit to place the order. I am getting some console errors that you can see here: https://snipboard.io/Lcd6iB.jpg. I am not sure if this is related to my solution for the third-party cookie problem but I was wondering if you had any insight. Thanks again.

    Michelle

    Plugin Support Topher

    (@topher1kenobe)

    Look at the docs for Routing in the Channels admin. There’s a place to set what the confirmation page should be.

    Hi, thanks for your response. In my BC Dashboard I went to Channel Manager->Advanced Settings. I see the routes here: https://snipboard.io/qAMBW2.jpg, but I don’t see one for the order confirmation page. I tried Create Route, and there is a dropdown for the type of route, but the order confirmation page is not an option. I also searched the BC knowledge base for help on this and could only find this article on the Channel Manager, but it does not have any reference to setting these routes: https://support.bigcommerce.com/s/article/Selling-Everywhere-with-Channel-Manager#faq. Is there any further guidance that you can provide? Thanks in advance.

Viewing 10 replies - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.