Exploring Unstack

Welcome to part two of our welcome series! If you haven't had a change to review part one, we recommend that you check it out before jumping into the below article as this one assumes some prior knowledge and experience with Unstack. 

That said, let's get into it! In this article we'll cover the following:

1. Landing Page Creation

Creating landing pages through Unstack is very similar to creating webpages in Unstack although there are a couple differences between these processes that you should know about. 

For one, when create a new landing page from scratch the editor doesn't prompt you to select a component to start with like it does when you're creating a web page from scratch. Instead, when creating a landing page from scratch a Text Block component is automatically added to the top of the landing page and prompts you to add a form (if you haven't checked out our guide on form creation yet, you can do so here).

Landing_Page_Creation.png

You might also notice that the header and footer in the landing page editor look completely different from that of the standard website page header and footer. This due to the fact that landing pages give you a couple different header and footer options. Specifically, a landing page specific header and footer with minimal content and no links to the main site, the full header and footer you'd see when editing a webpage/viewing your website, or you can turn them off all together. 

Both of these options are set via the landing page's settings as seen below.

Landing_Page_Header_Footer.png

Other than these header and footer options, the landing page creation process is the same as the web page creation process. For a refresher on the fundamentals of this process, please reference this section in the previous onboarding guide

 

2. Blog Creation & Management

In addition to the web and landing pages you can create through Unstack, you're also able to create and host a full blog. Editing this blog is a distinctly different experience from the web and landing page editing/creation processes we've covered up to this point. Therefore here's a brief overview of how to structure your Unstack blog, and how to format the articles you're going to create. 

For one, there are a handful of settings that aren't available anywhere else; specifically Categories, Layout, a variety of options under settings, and the article creation process. 

Blog_Categories_and_Layout.png

Let's start with Categories. It's through Categories that you're able to organize your articles and give your blog some structure. An example use case would be that if I'm the lead author of a Digital Marketing blog, I'd likely want a category for LinkedIn Marketing, Facebook Marketing, Google Ads Marketing, etc. 

Assigning categories in this way will not only allow users to more easily find what they're looking for, but will help me to establish/maintain a more rigid structure for my blog.

To create a category, you need to first select "Create New Category" after clicking on "Categories" under Blog. From there you're sent to the below page where you need to define some information about the category before you can continue:

creating_blog_category.png

Once this information has been defined, select either "Create category and write an article" or "Create category only". Selecting the first option will allow you to write an article with the category you just created automatically applied to it. Selecting the latter option will create this category and bring you back to the Manage Articles section of Blog.

For the purposes of this walkthrough, I've selected "Create category only" so that we can cover the next item on this list; the Layout of our both our Categories and Articles.

First up, you have the ability to use one of two different layout for your categories (controlled by the toggle in the top right):

1. List

blog_category_layout_list.png

2. Grid

blog_category_layout_grid.png

… additionally, you're also able to control how many articles appear in these category pages through the use of the - and + button in the top right. 

With regards to adjusting your Article layout there are several other options you need to consider. For one, you're able to add both text and an action to the right-hand side of your articles (as seen below). 

Article_Layout_-_sidebar_options.png

Secondly you have the ability to add a component to the bottom of your Article layout; via the ADD COMPONENT button shown below. The component you select here will be added to any and all articles that you publish so make sure that your selection is something that won't feel out of place in this role. 

Article_Layout_-_add_component.png

 

At this point the only other thing that we need to talk about (with regards to your blog anyway) is the actual article-creation process. This process is very similar the web and landing page creation processes, however, there are a couple differences that you need to know about.

For one, when creating an article you're not able to add components. As detailed above, adding components to your articles is only possible through the addition of a component to footer of your Article layout.

Secondly, the only things that can be added are text, images, a divider, an embedded video, or a form. Adding text is one thing, but to add the other options you just need to jump to a new line in the article's body, and click the (+) button that appears. 

 

article_creation.png

Lastly, there are a number of article-specific settings that can be found by clicking the settings gear in the top right. Below are these options along with a description of what they do:

  • Excerpt - Used to define the text shown the content preview for this article. If left blank the opening text to your article will be used instead. 
  • Categories - Used to manually add categories to articles. 
  • Author - Used to define the author of this article.
  • Authored Date - Used to define the date when this article was originally written/published. 
  • Publish Time - Used to define a future date/time when this article should be published.  

And that does it for our blog overview! As always, feel free to check out our blog for inspiration (yes both it and our site are built on Unstack)!

 

3. Custom Domain Configuration

custom_domain_config.png

For the final piece of this product walkthrough, let's talk about the custom domain options that are available to you through Unstack. 

By default, your Unstack site is hosted on a domain that follows the following format:

https://[IDENTIFIER].unstack.website/

However, if you'd rather connect a domain that you already own to your Unstack site, that's fine too; there are a couple of steps that you'll need to follow to link the two together. 

In fact, we've pulled together this guide, a dedicated walkthrough of this process, which includes links to several host-specific guides that you may also find helpful. 

 

4. Conclusion

We have now covered the basics of the Unstack platform! There's plenty more to learn so don't be scared to dive in to our blog, jump into our other help docs, or to send our support team a message

We're looking forward to seeing what you build, but we are more excited to see how we can help you build it. 

leocheers.gif

Articles in this section

Was this article helpful?
0 out of 0 found this helpful
Share