Skip to main content
DropInBlog Guide

In this guide we'll walk you through how to add a blog to your website

S
Written by Support Hotline
Updated over a week ago

DropInBlog is a website integration that you can use to write and schedule blog posts. Here's an example of what it looks like:

Get Your Blog Account

To add a blog to your website, start by reaching out to Bizwise using the chat bubble on our Website. A representative will get you set up with an account within 48 hours and provide you with login credentials.

Set Up Blog On Your Website

  1. Log in here using your credentials.

  2. Click on Settings in the top navigation bar.

3. In Blog URL at the top of this page, paste in a Web Page URL where you want to show your blog. Click on Save All Changes. If you don't have a blog website page yet, you can create one in Bizwise website editor.

4. Go to Code & Layout tab in the top navigation. Navigate down to Custom CSS. Paste in the following code to format your blog properly. Make sure you click on the Save CSS button.

.dib-meta-text{display: flex;}

.dib-highlight{white-space: pre-line; font-family: "Open Sans", sans-serif!important; font-size: 18px!important;}

.dib-post-content>p>span{font-family: "Open Sans", sans-serif!important; font-size: 18px!important;}

.dib-meta-text { height: 20px; }

.dib-post-single{

width: 940px!important;

}

.dib-post-content{

max-width: calc(100% - 30px) !important;

}

.dib-cat-menu{

font-size: 20px;

white-space: normal;

}

a{

text-decoration: none;

color: rgb(26, 99, 119);

}

.dib-post {

white-space: normal;

}

.dib-post-single{

white-space: normal;

}

.dib-post-title{

margin-bottom: 10px;

font-size: 20px;

}

#dib-posts{

white-space: normal;

}

.dib-post-content {

white-space: normal;

}

.dib-highlight{

white-space: normal;

}

.dib{

margin-top: -50px!important;

}

.dib-pagination-next{

font-size: 18px;

}

.dib-pagination-prev{

font-size: 18px;

}

.dib-post-single > .dib-post-featured-image > img{

height: 300px!important;

object-fit: contain;

object-position: top;

}

.dib-related-post > .dib-post-featured-image > img {

max-height: 200px;

object-fit: cover;

}

.dib-post-featured-image > a > img {

height: 250px;

width: 100%;

object-fit: cover;

}

5. In the same tab of Code and Layout, scroll all the way up. Copy the first link highlighted in orange.

6. Log in to your Bizwise website editor. Click on App Integrations and then Third Party Integrations.

7. Click on Add a third party integration

8. Select DropInBlog and Add.

9. Paste in the script you copied from Step 5.

10. Navigate to the page where you want to show your blog and click on Add Section. Note that this page must match what you inputted in step 3.

11. Go to Section Integrations in the left bar, select your new DropInBlog, and click on Add.

12. Publish your website to make your blog go live.

If you have any questions or confusions, please contact us using the chat bubble on www.bizwise.com. A representative will be happy to answer your questions or even set up the blog for you.

Create and Edit a Blog Post

​1. Log in to your DropInBlog using your credentials.

2. Navigate to Posts in the top navigation bar. Then click on Add Post
​
​

3. Fill in the Post Title, Content, Featured Image on the right (optional), and SEO information (optional). You can save the progress without publishing it to the live site by changing the status to Draft and click on Save Post.

4. When you are ready to make the post live on your website, change the status to Published and click on Save Post.

5. Your new blog post is now live and you can view it on your website. There is no need to do anything in your website editor.

Did this answer your question?