New E-Commerce Feature: Product Links Inside Images

Our latest feature resembles the product browsing experience you can find on Instagram. In their app, interactive dots lay over images that, when clicked, expand to show a product's image, title, price, and link out to buy it:

Here's a screencast of how we've replicated this experience on RebelMouse:

Dots to Click on Products: E-commerce

To create this experience, it's as simple as adding an image to our Assembler. Once uploaded, click on the blue shopping cart icon. From there, you'll enter our Product Entry Editor View and have the ability to add as many different product call-outs as you need to the image. Take a look at the following screencast that demonstrates the workflow:

Adding Products in Entry Editor

Styleable Elements for E-commerce

Now, with the addition of new styleable elements to our Layout & Design Tool, you can take customization to the next level and apply CSS to the following:

• Product Image
• Product Card Container
• Product Dot
• Product Title
• Product Price
• Product Buy Link

Additional Options in Layout & Design Tool

There are some additional options that you can add to our e-commerce functionality. Using the Post element in Layout & Design Tool, you can implement the following captions for lead media:

1. View Products Caption
2. Hide Products Caption
3. Buy Caption
4. Buy Now Caption

Here's how these features look live on site:

Check out this live example of the feature being used by our client PAPER Magazine. If this update is something you're interested in for your own RebelMouse site, email support@rebelmouse.com.