Welcome to our Help Center

How to Make a Blog on Your RevolutionParts Site

This article will teach you how to create a blog on your RevolutionParts site using Text Pages!

When first setting up a blog, you'll want to create a blog post FIRST before creating your actual blog page. That way, when you create your actual blog page, you have a blog post to link to. This will be explained in the second section of the article.

 

Creating a Blog Post

  1. First, navigate to "Edit Text Pages" in the Control Panel under Cart Settings > Appearance & Content > Edit Text Pages.
  2. Here, you'll see all of the Text Pages on your site. Usually, your store policies are included in this section, but you can use Text Pages for whatever you'd like. We'll use them for a blog! The next thing you'll want to do is click the link near the top of the page for "Add a New Page." Once the page loads, you'll see the page creator for Text Pages.
  3. Give your post a name (like "My First Blog Post" in this case), and then click the circle-arrows underneath to generate a page URL from the page title.
  4. After the post is named, go ahead and type some content in the large text field underneath. You can either write a true blog post, or just some filler text for the sake of this example.
    • The "SEO Information" section on the bottom-left of the page is optional, and provides search engines like Google with suggested metadata. If you're not sure what to put here, you can leave it alone.
    • The option on the bottom right for "Is this page visible?" is used when you want to create a "draft," or aren't ready to publish a page yet, but still want to save your changes. Set it to "No" to save a "draft" version of the page, and switch it to "Yes" whenever you're ready for the page to be live on the site.
  5. When you're ready to publish your post, click the "Save changes" button at the bottom of the page to publish it to your site.
  6. Once the page saves, you'll notice a small "Preview Page" link near the title area. Click that link to view your page. After clicking the link to preview your post, leave the page open (we'll need to copy its URL when adding it to the blog page).

 

Creating/Modifying your Main Blog Page


PLEASE NOTE: the following section could be considered "advanced," as we will be using HTML code to build the main blog page containing the blog post links. If you are unfamiliar with HTML and need help inserting or understanding the code, please contact a member of your IT team or RevolutionParts Support for assistance.


It's time to set up the top-level "blog" page, which is where the actual posts will be listed.

Start by creating a new text page similar to the one we created above. Name this one "Blog." Feel free to enter whatever you want in the page body field (some text, an image, anything), or leave it blank.

To create the list of blog posts, you'll need to use HTML mode to edit the body field of the page. You can enable HTML mode by clicking the "<>" button above the text field under the Page URL text. You'll know you've entered HTML mode when the large text field turns dark grey/black.

HTML mode not enabled below.

HTML mode enabled below.

While in HTML mode, copy and paste the code below into the text field to create your first blog post entry.

<!-- Begin blog post -->
<hr><div style="font-size: 24px; font-family: 'Open Sans'; padding-bottom: 8px;"><a href="blog-post-url">Blog Post Title</a></div>
<em style="padding-left: 15px;">Day-Month-Year</em> - Post Description
<br>
<!-- End blog post -->

Pasting the code above into the HTML section of the text page builder will give you a cleaner, more official look to your blog post list. If you are comfortable with HTML/CSS, feel free to modify the look and feel of the post as necessary.

Once pasted, you'll need to modify some areas of the code to make it link to the blog post you created earlier. The pieces of information you need to ensure that you change are:

     blog-post-url - This is the post URL you'll need to copy from the post you created earlier. Make sure you copy the post's entire URL; the link won't work without it.

     Blog Post Title - This is the name/title of your post as it will appear on the blog page.

     Day-Month-Year - This is the date the post was written (or posted). This is optional, and you may format the date however you like.

     Post Description - This is a short, optional description of the contents of the post. Think of this as a subtitle or summary sentence.

After changing the necessary contents of the code, click the HTML mode toggle button (the one that looks like this "<>") to switch back to the visual editor. Here, you'll see a version of the code you just implemented (due to styling applied to the live site, what you see in the builder isn't a perfect match of what will appear on the page itself).

This is why we had to create a blog post first instead of the blog page: you need content to link to when creating the link!

When you're finished adding your blog posts to your blog page, click the "Save Changes" button at the bottom to publish your page. The page will refresh, and you'll have the option to click the "Preview Page" link near the page title. Clicking that link will allow you to preview your blog page. The screenshot of the blog page below includes two blog posts; one where the code has been unedited, and another that has been changed for an article about oil filters (similar to a real page).

Here is what the code for the page above looks like in the HTML editor:

You can add as many blog posts as you like by copying and pasting code blocks, then changing the code to be relevant to whatever the post is.

PLEASE NOTE: After you've created your blog page, you'll need to contact RevolutionParts Support to have a link to your blog added to your site. Email your blog URL and a brief description of your preferred link location on the site to support@revolutionparts.com and we'll help you out!

 

Summary

To summarize, you need to create a blog post first before adding it to the "blog" page. After the post has been created, copy the code in this article (or from another existing post's HTML) to the blog page's HTML builder, and insert the necessary information from the blog post into the code. Save changes, and add as many blog posts as you like. Whenever you're ready, contact RevolutionParts Support to add a link to your blog.


EVERYTHING BELOW THIS BLOCK IS MANAGE-ONLY CONTENT.

This text will not appear on the finished article.

 

This article will teach you how to create a blog on your RevolutionParts site using Text Pages!

When first setting up a blog, you'll want to create a blog post FIRST before creating your actual blog page. That way, when you create your actual blog page, you have a blog post to link to. This will be explained in the second section of the article.

 

Creating a Blog Post

  1. First, log into your account on manage.revolutionparts.com.
  2. Then, click on the gear in the upper-right corner of the page to access the Account Settings.
  3. From the Account Settings page, click in the left-side menu on your store name, then "Design," then "Pages.
    Screen_Shot_2017-08-25_at_1.14.54_PM.png
  4. Here, you'll see all of the Text Pages on your site. We'll use text pages to make the individual blog posts, and the main blog page itself. To add a new page, click the "+New Page" button in the upper-right corner.
    Screen_Shot_2017-08-25_at_1.15.38_PM.png
  5. New Page Settings- On the page that loads, you'll see the fields for setting up a new page.
    Screen_Shot_2017-08-25_at_1.18.53_PM.png
    • Title- Give your blog post a title.
    • URL- This will automatically update as you type the title, and will immediately follow your domain name when viewing the blog post.
    • Page Type- Leave this at "Page."
    • Published- Change to "Yes" whenever you're ready for the blog post to go live on your site.
    • H1 Title- This is what your customers will see as the name of the tab in their web browser.
    • Meta Title- Give your post a short title for Google to see (can be the same as the page title)
    • Meta Description- Give your post a short description for Google to see (can be the same as the page title)
  6. Page Content- This is where the actual content of your blog post will go!
    Screen_Shot_2017-08-25_at_1.18.53_PM_2.png
    • You can type your blog post directly into the visual editor, switch to the HTML editor by clicking the "<>" button to edit the HTML code directly, or click the "Use Advanced Mode" checkbox to switch to the Page Builder.
  7. When you're ready to publish your post, click the "Save changes" button at the top-right corner of the page to publish your blog post to your site. It won't be immediately visible anywhere, though, which is where the next step comes in!

 

Creating/Modifying your Main Blog Page


PLEASE NOTE: the following section could be considered "advanced," as we will be using HTML code to build the main blog page containing the blog post links. If you are unfamiliar with HTML and need help inserting or understanding the code, please contact a member of your IT team or RevolutionParts Support for assistance.


It's time to set up the top-level "blog" page, which is where the actual posts will be listed.

  1. Start by creating a new text page similar to the one we created above. Name this one "Blog." Feel free to enter whatever you want in the page body field (some text, an image, anything), or leave it blank.
  2. To create the list of blog posts, you'll need to use HTML mode to edit the body field of the page. You can enable HTML mode by clicking the "<>" button above the text field under the "Page Content" header. You'll know you've entered HTML mode when the formatting buttons turn grey and become unclickable.
    Screen_Shot_2017-08-25_at_1.37.04_PM.png
  3. While in HTML mode, copy and paste the code below into the text field to create your first blog post entry.
    • <!-- Begin blog post -->
      <hr><div style="font-size: 24px; font-family: 'Open Sans'; padding-bottom: 8px;"><a href="blog-post-url">Blog Post Title</a></div>
      <em style="padding-left: 15px;">Day-Month-Year</em> - Post Description
      <br>
      <!-- End blog post -->
  4. Pasting the code above into the HTML section of the text page builder will give you a cleaner, more official look to your blog post list. If you are comfortable with HTML/CSS, feel free to modify the look and feel of the post as necessary.
  5. Once pasted, you'll need to modify some areas of the code to make it link to the blog post you created earlier. The pieces of information you need to ensure that you change are:
    • blog-post-url - This is the post URL you'll need to copy from the post you created earlier. Make sure you copy the post's entire URL; the link won't work without it.
    • Blog Post Title - This is the name/title of your post as it will appear on the blog page.
    • Day-Month-Year - This is the date the post was written (or posted). This is optional, and you may format the date however you like.
    • Post Description - This is a short, optional description of the contents of the post. Think of this as a subtitle or summary sentence.
  6. After changing the necessary contents of the code, click the HTML mode toggle button (the one that looks like this "<>") to switch back to the visual editor. Here, you'll see a version of the code you just implemented (due to styling applied to the live site, what you see in the builder isn't a perfect match of what will appear on the page itself).
    • This is why we had to create a blog post first instead of the blog page: you need content to link to when creating the link!
  7. When you're finished adding your blog posts to your blog page, click the "Save Changes" button at the bottom to publish your page. The screenshot below is an example of what a blog page looks like using the format described above.

You can add as many blog posts as you like by copying and pasting the code for an existing blog post, then changing the code to be relevant to whatever the new post is.

PLEASE NOTE: After you've created your blog page, you'll need to contact RevolutionParts Support to have a link to your blog added to your site. Email your blog URL and a brief description of your preferred link location on the site to support@revolutionparts.com and we'll help you out!

 

Summary

To summarize, you need to create a blog post first before adding it to the "blog" page. After the post has been created, copy the code in this article (or from another existing post's HTML) to the blog page's HTML builder, and insert the necessary information from the blog post into the code. Save changes, and add as many blog posts as you like. Whenever you're ready, contact RevolutionParts Support to add a link to your blog.


If you have any questions, feel free to reach out to us by emailing
support@revolutionparts.com or calling 480-779-7278!

RevolutionParts Logo
Powered by Zendesk