[vc_row type=”in_container” full_screen_row_position=”middle” column_margin=”default” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” overlay_strength=”0.3″ column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][vc_column_text]We’re sharing this article for shop owners and designers who are using the Facebook for WooCommerce WordPress plugin and ran into some issues with the Check Out on Website button. By default, the button takes customers to the cart page. Not a bad solution considering how easy it is to connect WordPress to Facebook, but for us, the link skipped important configuration options each of the products require before checkout.

Kitzmiller Media recently designed and launched a wonderful new WooCommerce WordPress website for Dave Samuel with Samuel Pen Co. Dave sells gorgrous hand-turned custom pens. We were able to incorporate product addons that allowed visitors to select unique pen configurations including pen materials, pen tips, engraving, packaging options and more.

One goal of the online shop was to integrate the website catalog of products with Facebook and Instagram. Fortunately there is a plugin from Facebook that makes it reletively easy. While it doesn’t allow for much customization, it was able to integrate our entire product catalog into the Facebook shop page.

Unfortunately, the checkout button took customers to the cart. As we mentioned earlier, these products required customization before getting to the cart.

facebook for woocommerce checkout button

It wasn’t immediately obvious where we could adjust this link. The solution turned out to be incredibly easy and prevented us from rethinking our Facebook and Instagram marketing stategy.

To change the Facebook for WooCommerce check out button destination from the Cart to the Product Page follow these instructions.

  1. log into your Facebook Page as an admin
  2. Click settings
  3. Scroll down and click Shop
  4. Turn off Use Checkout URLS

That’s it. The button will now take customers directly to the WooCommerce Product Detail page on your website. Screenshots are below to help you find the correct setting. Let us know if it worked out for you!