Beginner
How to add blog to homepage on Shipixen
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.
Prerequisites
- Active Shipixen account
- Existing blog content or posts
- Basic understanding of Shipixen dashboard
- Homepage editing permissions
1
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.
Tip
Make sure you're working on the correct project if you have multiple sites
2
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.
Tip
The edit mode is indicated by a blue outline around editable sections
3
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.
Tip
Blog Grid works well for homepage hero sections, while Blog List is better for sidebar areas
4
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
Tip
Keep the post count low on homepage to maintain fast loading times
5
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
Tip
Match the blog component style with your overall homepage design theme
6
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.
Tip
Use action-oriented headers like 'Latest Insights' instead of generic 'Blog' titles
7
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.
Tip
Preview on mobile devices as most visitors will view your homepage on phones
8
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.
Tip
Consider scheduling the publish for off-peak hours if you have high traffic
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.
Ready to get started with Shipixen?
Put this tutorial into practice. Visit Shipixen and follow the steps above.
Visit Shipixen →