Skip to main content

Shopify IHUBApp Integration: How to make your Hub work together!

Karolyn
Updated

Shopify (1).png


You're in love with all the features the IHUBApp is providing to you and the amount of time it is saving, but the only thing missing has been an online eCommerce store for selling your merchandise. We're excited to let you know the great news! You can now integrate Shopify directly to your IHUBApp!

If you love all the tools IHUBApp offers (including the automated newsletters, notifications, etc.) then your going to LOVE how your Hub works with Shopify. Whether you're a blogger, content creator, influencer, or retailer - this is the game-changer you've been waiting for!

This guide will show you exactly how to integrate Shopify into your Hub and answer the following:

  1. Why use Shopify with IHUBApp?
  2. What do you need before you start?
  3. Shopify IHUBApp Integration Overview: how it works in your Hub!
  4. Step-by-Step Detailed Instructions
  5. Growing Your IHUBApp Audience and Shopify Store

 

1. Why use Shopify with IHUBApp?

IHUBApp is a powerful next-gen app builder with a powerful easy-to-use engine that helps drive engagement. Users that build on IHUBApp choose it because it instantly provides them with an App and a Website along with automation tools (like the Automated Newsletter, Push Notifications, Surveys, and Event Tickets). 

 Shopify is a popular eCommerce Platform that allows you to sell merchandise and products online.

Combining IHUBApp and Shopify provides you a powerful advantage. You can sell products with Shopify while leveraging all the powerful features of IHUBApp to your advantage.

The Shopify integration provides a seamless experience for your customers.


Looking for a sample? Visit https://coopershawkvineyards.com/ to view an IHUBApp-Shopify integration now!

 

2. What do you need before you start?

Before you get started you will need to have accounts setup with both Shopify and IHUBApp and you will need to have added a few products into your Shopify store.  ( Don't worry, we provide detailed directions below on how to setup your Shopify store below. We're helpful like that! )

The IHUBApp offers a FREE forever plan and a FREE sub-domain. IHUBApp premium plans allow you to connect domains and starts at $49.99/USD a month. All hosting is included with your Hub on any plan that you choose.

 

 

3. Shopify IHUBApp Integration Overview: how it works in your Hub!

The IHUBApp and Shopify integration simplifies the process of selling products on your Hub. This integration allows you to seamlessly add a Shopify Buy Button to your IHUBApp site, enabling you to display and sell products efficiently.

Here's the process explained step by step:

  1. Create a Product: Begin by creating a product in Shopify. This involves providing essential details such as product images, descriptions, and pricing.
  2. Copy the Embed Code: Shopify provides an embed code, which is a snippet of special code that you need to copy.
  3. Paste the Code in a Page or Post:  In the body of your page or post, look for the source code button. It looks like this:
    codeview.png
    Once you switch to "Code View": Paste the copied embed code. This will embed the shopify products or collections onto that page.

    NOTE: When you switch back to the regular view you will not "see" the shop from within your Hub, but you will be able to see it out live on the Hub.

  4. When visitors explore your Hub, they will encounter Shopify listing your products. When they decide to make a purchase, they will be seamlessly directed to Shopify's checkout process to complete the transaction.

 

4. Step-by-Step Instructions

Before you start, you will need to have both an IHUBApp and a Shopify account.

Good news! Every Shopify pricing plan comes with something called the Buy Button Channel app. This app is important for making Shopify work together with WordPress. So, even if you pick the cheapest plan, called Starter, which costs $5.00 per month, you'll still get this cool feature.  If you need help setting up your Shopify Store, check out this tutorial: How to create a Shopify store.

Once you have your Hub setup and your Shopify store ready, here's how get them to work together.  Setting up the Shopify Buy Button is a little tricky so we've put the steps together for you.  

Step 1 -  Add the Buy Button App to your Shopify Site.

If you prefer to watch a video we recommend this great tutorial: How to setup the Shopify Buy Now Button and Use Cases.

  1. To start, login to your Shopify account.
  2. On the left hand side you will see something that says 'Sales Channels" select the '+' or the '>"
  3. In the search that comes up type 'Buy Button'
  4. You will be brought the App Store for Shopify. You need to install the Buy Button Channel by selecting 'Add app'

    addapp.png

  5. Once you install, you will be redirected back to your Shopify page.  Click the Add Sales Channel button at the top right.
    shopifyadd.png


  6. The Buy Button will now appear on your left nav.  Be sure to select the pin to the right of it so you can easily access it in the future.
    Shopify.png

Step 2 -  Add a product to Shopify

Now that you have the Buy Button added, you will need to add products to your store to be able to sell. Here's a great how-to video from Shopify that shows you how to add your products to their platform.

Step 3 - Create a collection of products in Shopify

Using collections will allow you an easy way to present multiple products at once through your pages and posts in IHUBApp.  You can also embed single products, but we highly recommend that you create collections because it makes it easier for your customers to browse your products.

Step 4 - Embedding your Product Collection in IHUBApp

Products and Product Collections can be embedded into IHUBApp in several places, including:

For the purposes of this section, we are going to focus on embedding your Product Collection onto an IHUBApp Page.  Before you get started, please Create a Page on your IHUBApp for where you will want to embed your Products to Sell

IN SHOPIFY

  1. In Shopify, you will want to click on the left nav item that says "Buy Button" and then select "Create a Buy Button"
    BuyButton.png

  2. Select "Collection Buy Button"
    Collectionbuybutton.png

  3. In the screen that pops-up, select the Product Collection you created earlier and then press the button "Select"
    collectionselect.png
  4. A screen will appear that shows the Product Collection. Select the "Next" button in the top right corner. 
    collectionnextbutton.png

  5. You will be brought to a screen with Code on it. Select "Copy Code" from this screen. (Don't worry - you're almost there!!)

  6. Open up IHUBApp and navigate to the page that you created. 

  7. In the Body section of your page, Add the title and description of the Product Collection.

  8. Next, click on the icon to the far right that looks like this (<>) This will open up the Code View of your Page. codeview.png

  9. Select "Ctrl+V" or Right click your mouse and select "Paste" into the Code View window. Then select the 'Update' button at the top of the page.

  10. The collection from Shopify will now be live on your site.

NOTE: If you don't see the Collection inside of the IHUBApp Page - DON'T WORRY - Press save and view on your Hub. It should be there! If it's not for some reason, please report the issue here.

 

5. Growing Your IHUBApp Audience and Shopify Store

The best part of using IHUBApp is that it comes pre-built with marketing tools and modules (plugins) that will help you drive engagement.  

These great tools are already enabled when you launch your Hub! (WOW!)

  1. Automated Newsletter:  As your audience subscribes to your various channels our system AUTOMATICALLY will send them a newsletter. Our platform automatically looks at the following:

    • Are they a subscriber to the channel?
    • Are they new posts in the channel for them?
    • Have they read the post

      If they are a member and there is new content that they have not yet read THEN the post is added to a weekly newsletter to make sure that your audience doesn't miss out on anything but also they don't receive content that they have already viewed!
  2. Push Notifications: When you add a post our push notification will automatically notify your anyone who has installed your Hub to their phone with a push notification to help draw them in.

  3. IHUBApp Insights & Reporting: You Hub comes Reporting & Analytics directly in your Hub. Want to see where your traffic is coming from? Our built-in reporting will help you get the insight.
  4. Easy SEO & Optimization: On every Page or Post you can add your own custom URLS and Meta description to help optimize your Hub.  Feeling lazy? No problem! Our system will automatically make your URL and insert a meta desription for your page.

  5. Personalized Welcome Message: Update the email and in-app notification that new users receive when they register for your Hub.  Add a Free Giveaway (Guide, Book, Coupon etc.) that they will automatically receive upon successfully signing up!

A few more great ways to drive engagement with IHUBApp & Shopify!

The IHUBApp makes driving engagement easier than ever. Here's some great tools to help optimize your engagement:

  1. Pre-schedule Your Product Promotional Posts: Timing is everything, especially in the realm of online shopping. With IHUBApp's scheduling feature, you can pre-schedule your posts to publish (and expire) with promotions that aligns perfectly with your product launches, promotions, and events.

    Imagine having your posts ready to go weeks in advance, saving you precious time and ensuring consistent engagement. Whether it's a sneak peek of an upcoming product or a flash sale announcement, pre-scheduling keeps your audience excited and your brand at the forefront of their minds.

  2. Share your Posts Out on LinkedIn and Facebook: Social media is a goldmine for driving traffic and engagement. Share IHUBApp posts with platforms like LinkedIn and Facebook to extend your reach. Simply select the "Social Share" icon below. When you do, the image and post will be shared out to your feed and when people click it will bring them back to your Hub.

    This cross-channel promotion taps into different demographics and widens your customer base. By diversifying your content distribution, you're increasing the chances of your posts catching the attention of potential buyers. Plus, social sharing can foster a sense of community around your brand as customers engage with your content and share their thoughts.

  3. Create a Survey on a Post: Involving your audience in decision-making not only boosts engagement but also enhances customer satisfaction. Use the IHUBApp to create interactive surveys right within your posts. Ask your customers about their preferences, opinions, or even suggestions for new products. This not only makes them feel valued but also provides you with valuable insights into what your audience wants. Their feedback can guide your future strategies, making them an integral part of your brand's growth.

  4. Add a Call to Action on your Posts to Get People to Sign Up: A strong CTA is the heartbeat of engagement. Encourage your audience to take a specific action, whether it's signing up for your newsletter, exploring a new collection, or making a purchase.

    With IHUBApp, you can seamlessly embed CTAs within your posts using our "Call to Action Module", that will allow them to answer questions and provide their contact information.

    Be creative with your CTAs – use compelling language, incorporate visuals, and offer exclusive incentives to entice your audience.

     IHUBApp and Shopify form a potent alliance that can redefine your engagement strategies. By pre-scheduling posts, sharing content across social media platforms, conducting interactive surveys, and strategically using CTAs, you're not only increasing engagement but also nurturing a loyal and enthusiastic customer base. Embrace these innovative tactics and watch your brand flourish in the ever-evolving e-commerce landscape. Your journey towards heightened engagement starts here!

We hope you found this article helpful!  Here's a few more useful resources you may want to checkout! 

 

 

 

 

 

 

Related to

Related articles

Comments

0 comments

Please sign in to leave a comment.

Powered by Zendesk