Create The Perfect Wishlist With PowerBuy Connect App: Review & Tutorial

Create The Perfect Wishlist With PowerBuy Connect App: Review & Tutorial

Now that we fully understand what the PowerBuy Connect Wishlists app is, let's move on to installing the app to 'unleash its full potential.'

  • As always, start by finding the PowerBuy Connect Wishlists app on the Shopify app store by simply searching for it and clicking install. 
  • Once the app is installed, you should be on the plan picker. Choose a plan that works best for you, and you can move on. 
  • Next, you should land on the start guide. The installation process is pretty simple and takes 3 steps; enable pin and collect, choose the button type and place the button wherever you want to show it.
  • Click on next, and you should be on the settings page. First, you'll need to enable the pin and connect function, which allows your customers to add products to their wish list.
  • The next step is to choose where you want to place the wishlist button; as a floating button, below or above the add to cart button.
  • Our personal preference is to set the wishlist button just below the buy button so customers can immediately see it while looking at products. However, regardless of what you choose, the options are pretty much the same.
  • Ok, now that that's done, it's time to place the button. This step might be a bit tricky, but you can find all the help you need in our dev YouTube videos. 
    • To properly place the button, start by copying the code for the button (p.s: you'll find it highlighted in the guidelines) and go back to the online store. 
    • Next, make a duplicate of your live theme so you can make adjustments if need be. That way, if you mess up, you can always go back to reset it. To make a duplicate next to the live theme, click on actions and then duplicate
    • Once you have made the duplicate, go to actions again and this time click on Edit code.
    • In the code editor, in the sidebar to the left, scroll down to the sections directory and click on product-template. liquid.
    • You can use a search for this step, click anywhere in the code and press ctrl+f. It will open a search bar and try typing submit. This way, you'll find a code for add to cart button.
    • Now, scroll down a little bit, and place it under the buy now button.
    • Click on save, and the button should be visible in your store.
  • To spot the changes, go back to your store, collections, product page. You should find it HERE.  
  • To see the real magic, add the product to the wishlist; this opens the PowerBuy portal. HERE, customers can save an item or simply share a list of items they like with their friends.
Back to blog