Product Options 3rd-Party Integrations


Product Options integrates with a couple of third party apps to allow options to appear in a correct format.

Product Options has an integration with Order Printer by Shopify to allow options to appear on order templates created in Order Printer.

Product Options also has an integration with PageFly to allow options created from Product Options to appear on product templates created in PageFly.


For help on setting up each integration, please follow these steps: 

Slide Cart on Shopify allows you to utilize features to help with customer experience, and improving conversion rates on your store. This app works by replacing the default cart page on your store with an on-page enhanced version. 


To complete this integration, please follow these steps:

  1. From the Shopify admin, select Slide Cart.
  2. From within the Slide Cart app, select Settings.
  3. Select the following settings:
    Compatibility mode
    Show custom properties in cart
    Custom property format set to Key: Value


Order printer is an app that allows you to print custom packing slips, invoices, labels, and receipts. If you are using the Shopify Order Printer app to print your invoices, you can use this template to display the selected options in the invoice.


Please follow these steps to update the template within Shopify Order Printer:

  1. From the Shopify admin, select Apps.
  2. Select Order Printer.
  3. Select Manage templates.
  4. Select Add Template.
  5. Enter a Name for the template.
  6. In the Code field, copy and paste this Order Printer Template:
  7. Select Save.

By default, Bold Product Options will not show on a PageFly product page. We will need to add a bit of code into their application in order to display the options widget.

To show the Options widget on PageFly, please follow these steps:

  1. From the Shopify admin, select Apps > PageFly Builder > Product Pages.
  2. Edit a Product Page and make sure the Default Product Details is set to Hide.
  3. Add Product Details to the page by dragging and dropping.
  4. Drag and drop an HTML5/LIQUID element and insert it between or above the qty and add to cart button.
  5. Once the HTML5/LIQUID element is chosen, select Open Code Editor.
  6. In the Code Editor modal, insert the following line of code:
    <div class="bold_options" data-product-id="{{ }}"></div>
  7. Select Save & Close.
  8. Select Publish.

To test that this worked, reload your product page and ensure that the Product Options are showing.

Was this article helpful?
0 out of 0 found this helpful