Bigcommerce App
PriceWaiter has official support for Bigcommerce stores. Our app will connect your store to our platform, guide you through the template installation, and allow successful orders to be written back to your store. Adding our Name Your Price button to your Bigcommerce store is easy!
Our Bigcommerce App will integrate with your product data to enable advanced PriceWaiter features: Inventory levels, automated responses based on retail price or product cost and your margins.
Adding the button code for Stencil Themes
- Login to your Bigcommerce admin panel
- In the side menu, click “Storefront”
- Select “Footer Scripts” from the menu
- Locate your API key and place it where “<your api key here>“ is located in the below script. Remember to remove the brackets as well as the text.
- Insert this Javascript code where you want the PriceWaiter button to appear:
<!-- Begin PriceWaiter Widget Button -->
<script src="https://widget.pricewaiter.com/script/<your api key here>.js" async></script>
<!-- End PriceWaiter Widget Button -->
- Click "Save"
- The button will be automatically placed near your add-to-cart button.
Adding the button code for Blueprint Themes
- Login to your Bigcommerce admin panel
- At the top of the page, navigate to “Design”
- In the gray “Current Theme” box under “Store Design”, click “Edit HTML/CSS”
- From the bottom, left hand frame select “Snippets/ProductAddToCart.html”
- Insert this Javascript code where you want the PriceWaiter button to appear:
<!-- Begin PriceWaiter Widget Button -->
<div>
<span id="pricewaiter"></span>
</div>
<script src="https://widget.pricewaiter.com/script/<your api key here>.js" async></script>
<!-- End PriceWaiter Widget Button -->
- Click "Save"
Full width button
To make the PriceWaiter negotiation button match full-width add to cart buttons, you can use the following CSS code:
<!-- Begin PriceWaiter Widget Button -->
<style>
.pricewaiter--wrap iframe {
width: 100% !important;
}
</style>
<div class="pricewaiter--wrap">
<span id="pricewaiter"></span>
</div>
<script src="https://widget.pricewaiter.com/script/<your api key here>.js" async></script>
<!-- End PriceWaiter Widget Button -->