WebWave's logo

WebWave drag and drop website builder lets you create unique websites. You can build your website from scratch by starting with a blank page, or choose various website templates from our free collection and modify them according to your needs. With WebWave website builder, you have a complete website design and hosting system at your fingertips.

This website was created with WebWave.

Find us online




Log in

Sign up

Webmaster's panel

Categories.

Didn't find a solution to your problem? Contact us on live online chat or ask on Facebook group.

 

Missing any feature? Share your ideas with us.

23 April 2019

Shopify - your online store

There are plenty of online platforms allowing you to build an online store. Unfortunately, not many of them let webmasters create an online store with help of graphics design. With WebWave - free website builder with no coding - and Shopify, you can build an online store with any style.

In this article you will learn how to build a website with online store functionalities. 

 

 

Building an online store in WebWave 

  1. Add to your website a newsfeed which in this case will be used to display your products. Adjust the size and appearance of the newsfeed to your liking. 

  2. Create a news layout, this layout will be used to present your product. You can create different layouts for different products. On the place of the product image you can place a gallery.


     
  3. Create and configure your online shop on Shopify. If you face any difficulties in the online store configuration, contact Shopify Help Center.
     
  4. Open Sales Channels in Shopify 


     
  5. Select "Buy Button"

 

 

Adding products

  1. In the Shopify panel add a product. 
     
  2. Enter "Buy Button" in Sales Channels.


     
  3. Press a blue button "Select product".
     
  4. Choose a product on the list and press "Select product".


     
  5. Configure the button style and generate the  code by pressing a blue button in the right top corner. 


     
  6. In the new window "Copy embed code to clipboard".


     
  7. In WebWave add a news article using the previously created news layout that you designed to display your products. 


     
  8. Add a product image and description.
     
  9. Click on the text field of the product description and select "Source".


     
  10. In the place where you want the Shopify button to be displayed copy the previously generated code.


     
  11. Make sure the category you attach to the news article is the same as your newsfeed. Save changes and press publish. 


     

You should now be able to view your product by clicking on it from the newsfeed.