How to Create a Blog on SamCart

Zoran Zoran
9 minute read

In this quick tutorial, we’ll show you how to create a blog on SamCart in a few easy-to-follow steps.

The benefits of blogging are widely known, so there’s virtually no need to talk about it this time around. Instead, we’ll just say that creating a blog has become a no-brainer and common practice for the bulk of businesses today. So, let’s see how to create a blog on SamCart using DropInBlog.

What Is SamCart?

SamCart is a no-code e-commerce platform that allows users to sell online services, such as coaching and consulting, and digital products like e-books and online courses. SamCart is unique in the sense that it enables users to create a separate landing page with a checkout form for each product. 

SamCart offers a host of templates to choose from when creating pages. All templates are responsive and customizable, and the visual page builder/editor, which allows you to customize them, belongs to the category of drag-and-drop editors. SamCart makes the process of building high-converting pages for your products easy. 

In addition to the templates and visual editor, as a platform focused on getting you more conversions, SamCart offers the following features as well:

  • Upsells
  • Upgrades
  • Automated abandoned cart recovery
  • Split-testing
  • Order bumps, and more

So many things on SamCart indicate that this platform was not built for creating a standard multi-page website that allows you to have your blog as a separate page/part of your website. That said, it’s not impossible to add a blog to SamCart and start working on your content marketing strategy from within the platform. Here, we’ll show you exactly how to do that.

Does SamCart Have a Blog?

From what we said earlier, you might have guessed that SamCart doesn’t include blogging functionality. However, that’s not as big a drawback as you might think. More often than not, built-in blogs on platforms whose focus is on something other than blogging have subpar performance. Moreover, they tend to be unsuitable for implementing full-fledged and long-term content marketing strategies.

It would have been a real shame if there wasn’t any way to add a blog to SamCart. However, there is a way with DropInBlog, so you’re still in a pretty good position. So, let’s see what the prerequisites are for creating a fully-featured blog on SamCart.

Prerequisites

SamCart offers three pricing plans, but as far as blogging with DropInBlog is concerned, you can add a blog even with the lowest-tier plan called Launch. Currently, this plan costs $49/month (monthly subscription) or $39/month (annual subscription).

It goes without saying that you need a DropInBlog account as well. DropInBlog offers a free 14-day trial, which is all you need to start out, integrate this blogging app with SamCart, and see first-hand how it is to blog on SamCart with DropInBlog.

Prepare the Ground for Your Blog

Before we go over the integration steps in detail, we need to note a few things you should do before you start the integration. Chances are, if you’re an experienced SamCart user, you already know these things, but our notes may be helpful to new SamCart subscribers.

To add a blog to SamCart, you need to create a page; before you build a page, you need to create a product. Creating a product is a must – it’s not something that you can skip or do without. 

Once you’ve created a product, you’ll be able to choose a template and start designing your page, just like in the following picture:

SamCart checkout page design

Since this is not strictly a SamCart tutorial, we won’t go over every detail of creating a product and building a product page. Needless to say, if you’ve already created pages on SamCart, you’ve already prepared the ground for adding a blog.

Regardless of whether this is the first time you’re building a page on SamCart or you already have a few of them, you’re now ready to add DropInBlog to SamCart. Without further ado, let’s see how to create a blog on SamCart.

Edit Your Page and Add a Custom HTML Block

Since we’re adding a blog to an already existing SamCart page – which means we’re making changes to that page – to begin the integration process, we need to start editing the page. To do that, click Products in your SamCart admin dashboard and find the product page you plan to add a blog to. Hover with your mouse over the far right side of the Products page and click Design when the icon shows up.

SamCart products design edit

This action will open your page in the SamCart editor where you’ll see a sidebar with multiple options on the right side. Under the Content tab, at the bottom you’ll notice the Custom HTML option.

SamCart custom HTML

Click the Custom HTML block, then drag and drop it into the part of your page where you’d like your blog to appear.

SamCart drag and drop custom HTML

Just a short note on this step: when adding the Custom HTML block, keep in mind that a green line on the page indicates that you’re adding the block into an existing row, while a blue one means that you’re creating a new row. We recommend that you place DropInBlog into its own new row, just like we did it – as shown in the image above.

Add the Blog Code from DropInBlog

We’re about to execute the most exciting step of the integration process: adding the blog code from DropInBlog to SamCart.

Leave the SamCart editor open after you add the Custom HTML block. Now, open a new tab, window, or browser, and head over to your DropInBlog. Log in to your account and open the Code & Layout page by clicking the Code & Layout button in the navigation bar. Clicking this button will lead you to the blog code you need to be able to integrate DropInBlog with SamCart.

DropInBlog code and layout step1 and step2

The code from Step 1 and Step 2 is what enables you to do the integration. Here is the code again, this time shown a bit more clearly:

Step 1:

<script>
var dib_id = 'XXXXXXXXXXXXXXXXXXXX';
</script>
<script src="https://io.dropinblog.com/js/embed.js"></script>

Step 2:

<div id="dib-posts"></div>

Keep in mind that you won’t see the Xs or the blue bar in the second line of code (the var dib_id = ' ' part). Instead, you’ll see a combination of letters and numerals that together make up your unique DropInBlog ID.

Now, copy the code from Step 1 and head back to SamCart. On the right side of the SamCart editor, you’ll see something that looks like a box; this is where you need to paste the code that you copied. Copy the code from Step 2 as well and paste it into the same indicated area. It should look just like in the following image:

SamCart editor paste DropInBlog integration code

In case you don’t see the box right off the bat, click the Custom HTML/Javascript Widget. Clicking the widget will make sure that you’re able to see the box area on the right sidebar and paste the DropInBlog integration code into it.

Keep in mind that nothing on the page will change, so don’t let the fact that you can't see your changes applied right away on the page confuse you. You won’t see a save button either. To save the changes, scroll up and click the Publish button.

Samcart publish

You’ve completed the crucial integration step. There’s one more thing left to complete the integration process. 

Paste Your Blog Page URL into DropInBlog

Before you start enjoying the benefits of the modern and elegant blogging tool that is DropInBlog, you need to copy your page URL from SamCart and paste it into DropInBlog. This is the final step that connects the two platforms.

You’ll find your product page URL on your Product Details page; copy the full URL as shown in the following image:

Samcart product details page URL

It goes without saying that your URL will not be the same as the one that you see in this image. Whatever it looks like, the important thing is not to lose sight of the fact that you need the full URL, meaning including the part after the forward slash, which is the part that refers to your particular product.

Alternatively, you can see your full page URL if you click the Preview button located in the upper right part of the Product Details page:

SamCart page preview

This is how our full page URL looks:

SamCart page full URL

Without closing SamCart, head back to DropInBlog and open the Settings page by clicking the Settings option in the navigation bar. Paste the URL in the Blog URL field and add #dib-posts at the end of the URL. It should look something like this:

DropInBlog paste page URL

The purpose of the #dib-posts part is to take the visitor exactly to the row of the page where you placed your blog. This means that when they perform a search or click on an article, they’ll always go to the right place instead of returning to the top of the page.

After you paste the URL, scroll down a bit and click the big Save All Changes button. The green Saved message on the screen will confirm that you saved your changes, and it’ll mark the end of the integration process. 

Congratulations! You’ve integrated DropInBlog with SamCart and created a blog on this e-commerce platform. 

A Short Note on the Page Title

You might have noticed that when you added DropInBlog to your SamCart page, the page title changed from the product name to Blog.

Page name how to create a blog on SamCart with DropInBlog

If you’d like to change it back to the product name, you need to add the following line of code into the first script tag of the Step 1 code: var dib_ignore_meta = 1;. This is what it looks like when you add the code in the SamCart page editor:

SamCart change page name

Happy Blogging!

That’s it, now you’re all set to start blogging. See how easy it is to create a blog on SamCart? With DropInBlog, it really is a quick and simple process. Regardless, if you have any questions about the integration process or, for that matter, anything related to blogging on SamCart, write to us – we’ll be more than happy to help. Until next time, happy blogging!

Get started embedding a blog into your website right now

Try It For Free