How to add blog to homepage on Shipixen

beginner 8 min read Updated 2026-03-18

Quick Answer

Adding a blog to your Shipixen homepage involves accessing the homepage editor, selecting a blog component, and configuring its display settings. You can choose from various blog layouts and customize the number of posts to show.

Get ShipixenPartner

Try Shipixen Full Shipixen Review

Prerequisites

Active Shipixen account
Existing blog content or posts
Basic understanding of Shipixen dashboard
Homepage editing permissions

Step-by-Step Instructions

Access the Shipixen Dashboard

Log into your Shipixen account and navigate to your project dashboard. Click on Edit Homepage or select Pages from the left sidebar, then choose your homepage.

Make sure you're working on the correct project if you have multiple sites

Enter Homepage Editor Mode

Once on your homepage, click the Edit button in the top toolbar. This will enable the visual page editor where you can add and modify components.

The edit mode is indicated by a blue outline around editable sections

Add Blog Component

Click the + Add Component button or the plus icon where you want to insert the blog. From the component library, select Blog category and choose from options like Blog Grid, Blog List, or Featured Posts.

Blog Grid works well for homepage hero sections, while Blog List is better for sidebar areas

Configure Blog Settings

In the component settings panel, configure:

Posts to Show: Set number of posts (typically 3-6 for homepage)
Categories: Select specific blog categories or leave blank for all
Sort Order: Choose newest first, popular, or custom order
Show Excerpts: Toggle post previews on/off

Keep the post count low on homepage to maintain fast loading times

Customize Blog Layout

Use the Design tab in the settings panel to customize:

Layout: Grid columns (1, 2, or 3 column)
Card Style: Choose from minimal, bordered, or shadow styles
Image Settings: Enable/disable featured images and set aspect ratio
Typography: Adjust title and excerpt font sizes

Match the blog component style with your overall homepage design theme

Add Section Headers

Above your blog component, add a Text or Heading component with titles like "Latest Posts", "Recent Updates", or "From Our Blog". Style it using the typography settings to match your brand.

Use action-oriented headers like 'Latest Insights' instead of generic 'Blog' titles

Preview and Test

Click Preview in the top toolbar to see how your blog section appears to visitors. Test the responsive design by using the device toggle buttons. Check that blog post links work correctly and images load properly.

Preview on mobile devices as most visitors will view your homepage on phones

Publish Changes

When satisfied with the blog integration, click Publish in the top-right corner. Confirm the publication in the dialog box. Your homepage will now display the blog section with your latest posts.

Consider scheduling the publish for off-peak hours if you have high traffic

Common Issues & Troubleshooting

Blog component shows 'No posts found'

Ensure you have published blog posts in your Shipixen blog section. Check that the category filter in component settings isn't excluding all your posts.

Blog images not displaying correctly

Verify that your blog posts have featured images set. In the blog component settings, check Image Settings and ensure Show Featured Images is enabled.

Blog layout looks broken on mobile

In the component design settings, reduce the grid columns to 1 for mobile devices. Use the Responsive Settings toggle to set different layouts for different screen sizes.

Blog posts not updating on homepage

Clear your site cache by going to Settings > Performance > Clear Cache. Also check that your blog component isn't filtered to show only specific categories that don't include new posts.

Prices mentioned in this guide are pulled from current plan data and may change. Always verify on the official Shipixen website before purchasing.

Visit Shipixen View Shipixen Pricing