How to add products to your blog posts
One of the many things you’ll love about DropInBlog is that it offers an easy way to add products to your blog posts.
This option is available to BigCommerce , Shopify , and Big Cartel online store owners.
Watch the video guide we've prepared for you. Or follow the step-by-step instructions below the video.
To add a product to your post, open the editor, and look for the shopping bag icon in the main toolbar.
Once you click on this icon, a new window will open, displaying all your store’s products.
Click the Insert button to the right of the product you want to add to your blog post.
The product you add to your content will be shown as text and numbers in brackets, but don’t worry.
Once you save your changes, and preview the post, you’ll see the actual products in the post.
One other nifty feature of DropInBlog’s product embeds is that it supports product variants.
When you add a product with two or more variants, they will be visible to visitors, allowing them to view and choose the variant they’re interested in.
If these variants have different prices, the prices will be automatically adjusted to the selected product.
That’s all you need to do to add a product to your post.
You can also adjust the look of the product embed button from your account settings.
To change the button color, visit the Layout tab.
In the Design Customizations section, look for the CTA Button Background Color and CTA Button Text Color fields.
Clicking on either of these fields will open a color palette of suggested colors. Select one of the colors from the popup or add a color code of any other color you’d like to use.
To save the changes, click the Save Design Customizations button.
Another thing you can do to customize the product embed button is to change the default button text and action.
To make these adjustments, go to the Settings tab.
At the bottom of the Main Settings section, you’ll see the following fields:
Product embed “read more” text (this text is where you’ll add a product link, so when a user clicks on it, they’ll see the full product description and all the other information about a particular product)
Product embed button text (your call-to-action)
Product embed button action (determines where users will be directed after they click the button)
You can write anything in the product embed button and “read more” text boxes, e.g., “Buy Now” or “Make It Yours.”
When it comes to the product embed action, you can choose between Add to Cart and View Product options.
Selecting the View Product option will take users to the product’s page where they can find more information about that product. The Add to Cart option will take them straight to your store’s checkout page.
And that’s how you create shoppable posts with DropInBlog.
Happy blogging!
This option is available to BigCommerce , Shopify , and Big Cartel online store owners.
Watch the video guide we've prepared for you. Or follow the step-by-step instructions below the video.
Adding products to a blog post
To add a product to your post, open the editor, and look for the shopping bag icon in the main toolbar.
Once you click on this icon, a new window will open, displaying all your store’s products.
Click the Insert button to the right of the product you want to add to your blog post.
The product you add to your content will be shown as text and numbers in brackets, but don’t worry.
Once you save your changes, and preview the post, you’ll see the actual products in the post.
One other nifty feature of DropInBlog’s product embeds is that it supports product variants.
When you add a product with two or more variants, they will be visible to visitors, allowing them to view and choose the variant they’re interested in.
If these variants have different prices, the prices will be automatically adjusted to the selected product.
That’s all you need to do to add a product to your post.
Customizing the product embed button
You can also adjust the look of the product embed button from your account settings.
Changing button colors
To change the button color, visit the Layout tab.
In the Design Customizations section, look for the CTA Button Background Color and CTA Button Text Color fields.
Clicking on either of these fields will open a color palette of suggested colors. Select one of the colors from the popup or add a color code of any other color you’d like to use.
To save the changes, click the Save Design Customizations button.
Changing button text
Another thing you can do to customize the product embed button is to change the default button text and action.
To make these adjustments, go to the Settings tab.
At the bottom of the Main Settings section, you’ll see the following fields:
Product embed “read more” text (this text is where you’ll add a product link, so when a user clicks on it, they’ll see the full product description and all the other information about a particular product)
Product embed button text (your call-to-action)
Product embed button action (determines where users will be directed after they click the button)
You can write anything in the product embed button and “read more” text boxes, e.g., “Buy Now” or “Make It Yours.”
When it comes to the product embed action, you can choose between Add to Cart and View Product options.
Selecting the View Product option will take users to the product’s page where they can find more information about that product. The Add to Cart option will take them straight to your store’s checkout page.
And that’s how you create shoppable posts with DropInBlog.
Happy blogging!
Updated on: 23/11/2024
Thank you!