{"id":88,"date":"2026-03-04T12:09:52","date_gmt":"2026-03-04T12:09:52","guid":{"rendered":"https:\/\/versana.codoplex.com\/design-principles\/"},"modified":"2026-03-05T16:57:28","modified_gmt":"2026-03-05T16:57:28","slug":"import-versana-demo-sites","status":"publish","type":"post","link":"https:\/\/versana.codoplex.com\/versana-blog\/2026\/03\/04\/import-versana-demo-sites\/","title":{"rendered":"How to Import Versana Demos: One-Click Website Setup in Under 2 Minutes"},"content":{"rendered":"\n<p>Import professional Versana demo sites with one click. Choose from Blog, Business, or Portfolio layouts. Complete guide with screenshots.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why Import a Demo?<\/h2>\n\n\n\n<p>Building a website from scratch takes hours, even with a great theme. That&#8217;s why Versana includes three professionally designed, ready-to-import demo sites. In less than 2 minutes, you can have a complete, professional website that you just need to customize with your content.<\/p>\n\n\n\n<p>Think of demo import as getting a professionally decorated house instead of an empty lot. The hard work is done &#8211; you just add your personal touches.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What Gets Imported?<\/h2>\n\n\n\n<p>When you import a Versana demo, here&#8217;s what you get:<\/p>\n\n\n\n<p><strong>Pages<\/strong>: Homepage, About, Services\/Portfolio, Contact &#8211; all fully designed with professional content<\/p>\n\n\n\n<p><strong>Blog Posts<\/strong>: 6 sample posts with featured images demonstrating the blog layout<\/p>\n\n\n\n<p><strong>Navigation Menu<\/strong>: Pre-configured menu with all your pages<\/p>\n\n\n\n<p><strong>Theme Styling<\/strong>: Colors, fonts, and spacing matching the demo<\/p>\n\n\n\n<p><strong>Patterns<\/strong>: All 16 block patterns ready to use anywhere<\/p>\n\n\n\n<p><strong>Settings<\/strong>: Optimized reading settings and homepage configuration<\/p>\n\n\n\n<p><strong>What Doesn&#8217;t Get Imported:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Your existing content (demos add to your site, not replace)<\/li>\n\n\n\n<li>WordPress settings (permalinks, users, etc.)<\/li>\n\n\n\n<li>Plugin configurations<\/li>\n\n\n\n<li>Media library images (these are placeholders you&#8217;ll replace)<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">The Three Versana Demos<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Blog Demo: For Content Creators<\/h3>\n\n\n\n<p><strong>Perfect For:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Personal blogs<\/li>\n\n\n\n<li>Writers and authors<\/li>\n\n\n\n<li>Content marketers<\/li>\n\n\n\n<li>Magazine-style sites<\/li>\n<\/ul>\n\n\n\n<p><strong>Design Features:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Warm pink and orange color scheme<\/li>\n\n\n\n<li>Serif fonts for readability<\/li>\n\n\n\n<li>Large featured images<\/li>\n\n\n\n<li>Clean, minimal layouts<\/li>\n\n\n\n<li>Focus on typography<\/li>\n<\/ul>\n\n\n\n<p><strong>Included Pages:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Homepage with hero and latest posts<\/li>\n\n\n\n<li>About page<\/li>\n\n\n\n<li>Contact page<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Business Demo: For Companies<\/h3>\n\n\n\n<p><strong>Perfect For:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Corporate websites<\/li>\n\n\n\n<li>Agencies and consultancies<\/li>\n\n\n\n<li>B2B companies<\/li>\n\n\n\n<li>Professional services<\/li>\n<\/ul>\n\n\n\n<p><strong>Design Features:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Professional blue color scheme<\/li>\n\n\n\n<li>Sans-serif fonts<\/li>\n\n\n\n<li>Trust-building elements (stats, logos, testimonials)<\/li>\n\n\n\n<li>Conversion-focused layouts<\/li>\n\n\n\n<li>13 premium patterns<\/li>\n<\/ul>\n\n\n\n<p><strong>Included Pages:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Homepage with full business sections<\/li>\n\n\n\n<li>Services page<\/li>\n\n\n\n<li>About page with team<\/li>\n\n\n\n<li>Contact page with form placeholder<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Portfolio Demo: For Creatives<\/h3>\n\n\n\n<p><strong>Perfect For:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Designers and artists<\/li>\n\n\n\n<li>Photographers<\/li>\n\n\n\n<li>Creative agencies<\/li>\n\n\n\n<li>Freelancers<\/li>\n<\/ul>\n\n\n\n<p><strong>Design Features:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bold purple and pink colors<\/li>\n\n\n\n<li>Large portfolio gallery<\/li>\n\n\n\n<li>Project showcase layouts<\/li>\n\n\n\n<li>Creative case study template<\/li>\n\n\n\n<li>Visual-first design<\/li>\n<\/ul>\n\n\n\n<p><strong>Included Pages:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Homepage with portfolio grid<\/li>\n\n\n\n<li>About page<\/li>\n\n\n\n<li>Contact page<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Step-by-Step: How to Import a Demo<\/h2>\n\n\n\n<p><strong>Prerequisites:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Versana theme installed and activated<\/li>\n\n\n\n<li>Versana Companion plugin installed and activated<\/li>\n\n\n\n<li>Fresh WordPress install (recommended but not required)<\/li>\n<\/ol>\n\n\n\n<p><strong>Import Process:<\/strong><\/p>\n\n\n\n<p><strong>Step 1: Access Demo Import<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Log into WordPress Admin<\/li>\n\n\n\n<li>Go to Appearance \u2192 Theme Options<\/li>\n\n\n\n<li>Click the &#8220;Demo Import&#8221; tab<\/li>\n<\/ol>\n\n\n\n<p><strong>Step 2: Preview the Demos<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>You&#8217;ll see three demo cards (Blog, Business, Portfolio)<\/li>\n\n\n\n<li>Click &#8220;Preview&#8221; button on each to see live demo sites<\/li>\n\n\n\n<li>Choose the demo that best fits your needs<\/li>\n<\/ol>\n\n\n\n<p><strong>Step 3: Import Your Chosen Demo<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click the &#8220;Import&#8221; button on your selected demo<\/li>\n\n\n\n<li>A confirmation popup appears &#8211; click &#8220;Yes, Import&#8221;<\/li>\n\n\n\n<li>Watch the progress bar (typically 30-60 seconds)<\/li>\n\n\n\n<li>You&#8217;ll see a success message when complete<\/li>\n<\/ol>\n\n\n\n<p><strong>Step 4: View Your New Site<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click &#8220;View Site&#8221; to see your imported demo<\/li>\n\n\n\n<li>Everything should look like the preview<\/li>\n\n\n\n<li>Navigate through pages to see all content<\/li>\n<\/ol>\n\n\n\n<p><strong>That&#8217;s it!<\/strong> Your professional website is ready.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What to Do After Importing<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Immediate Steps (5 minutes)<\/h3>\n\n\n\n<p><strong>1. Check Your Homepage<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Visit your site&#8217;s homepage<\/li>\n\n\n\n<li>Verify all sections loaded correctly<\/li>\n\n\n\n<li>Check mobile view<\/li>\n<\/ul>\n\n\n\n<p><strong>2. Review Navigation<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Test all menu links<\/li>\n\n\n\n<li>Ensure pages are accessible<\/li>\n\n\n\n<li>Check footer links<\/li>\n<\/ul>\n\n\n\n<p><strong>3. Browse Pages<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Visit About, Services\/Portfolio, Contact pages<\/li>\n\n\n\n<li>Confirm content loaded<\/li>\n\n\n\n<li>Note what needs customization<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Next Steps (30-60 minutes)<\/h3>\n\n\n\n<p><strong>4. Replace Demo Text<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Edit About page with your story<\/li>\n\n\n\n<li>Update Contact page with your info<\/li>\n\n\n\n<li>Customize homepage headlines<\/li>\n<\/ul>\n\n\n\n<p><strong>5. Add Your Images<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Replace hero banner images<\/li>\n\n\n\n<li>Update blog post featured images<\/li>\n\n\n\n<li>Add your logo<\/li>\n\n\n\n<li>Replace team photos (if applicable)<\/li>\n<\/ul>\n\n\n\n<p><strong>6. Customize Colors (Optional)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to Appearance \u2192 Editor \u2192 Styles<\/li>\n\n\n\n<li>Choose a different color scheme if desired<\/li>\n\n\n\n<li>Or keep the demo colors<\/li>\n<\/ul>\n\n\n\n<p><strong>7. Configure Integrations<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add Google Analytics (Theme Options \u2192 Integrations)<\/li>\n\n\n\n<li>Set up contact form plugin<\/li>\n\n\n\n<li>Connect social media accounts<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Can I Import Multiple Demos?<\/h2>\n\n\n\n<p>Yes! You can try different demos to see which you prefer. Here&#8217;s how it works:<\/p>\n\n\n\n<p><strong>Switching Demos:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Import a new demo anytime from Theme Options<\/li>\n\n\n\n<li>New demo content is added to your site<\/li>\n\n\n\n<li>Previous demo content remains (you can delete manually if desired)<\/li>\n\n\n\n<li>Theme styling updates to match new demo<\/li>\n<\/ol>\n\n\n\n<p><strong>Best Practice:<\/strong> If testing demos, use a staging site or local development environment. For production sites, choose your demo carefully before importing.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Removing Demo Content<\/h2>\n\n\n\n<p>If you want to start fresh after testing:<\/p>\n\n\n\n<p><strong>Remove Imported Pages:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to Pages \u2192 All Pages<\/li>\n\n\n\n<li>Select demo pages<\/li>\n\n\n\n<li>Move to Trash<\/li>\n\n\n\n<li>Empty Trash<\/li>\n<\/ol>\n\n\n\n<p><strong>Remove Imported Posts:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to Posts \u2192 All Posts<\/li>\n\n\n\n<li>Select demo posts<\/li>\n\n\n\n<li>Move to Trash<\/li>\n\n\n\n<li>Empty Trash<\/li>\n<\/ol>\n\n\n\n<p><strong>Remove Menu:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to Appearance \u2192 Editor \u2192 Navigation<\/li>\n\n\n\n<li>Delete Versana Menu items<\/li>\n\n\n\n<li>Add your own pages<\/li>\n<\/ol>\n\n\n\n<p><strong>Reset Theme Styling:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to Appearance \u2192 Editor \u2192 Styles<\/li>\n\n\n\n<li>Choose &#8220;Default&#8221; style<\/li>\n\n\n\n<li>Customize from there<\/li>\n<\/ol>\n\n\n\n<p>Or use the &#8220;Remove Demo&#8221; button in Theme Options \u2192 Demo Import.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Troubleshooting Common Issues<\/h2>\n\n\n\n<p><strong>Import Button Doesn&#8217;t Work<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ensure Versana Companion plugin is activated<\/li>\n\n\n\n<li>Check your hosting allows file uploads<\/li>\n\n\n\n<li>Try refreshing the page<\/li>\n<\/ul>\n\n\n\n<p><strong>Content Partially Imported<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Some hosts have strict timeout limits<\/li>\n\n\n\n<li>Content usually imports successfully even if you see errors<\/li>\n\n\n\n<li>Check Pages and Posts to verify<\/li>\n<\/ul>\n\n\n\n<p><strong>Images Not Showing<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Demo images are placeholders<\/li>\n\n\n\n<li>Replace with your own images<\/li>\n\n\n\n<li>Some hosts block external image imports (normal)<\/li>\n<\/ul>\n\n\n\n<p><strong>Demo Looks Different Than Preview<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Clear your browser cache<\/li>\n\n\n\n<li>Check if you have caching plugins active<\/li>\n\n\n\n<li>Deactivate other plugins temporarily<\/li>\n<\/ul>\n\n\n\n<p><strong>404 Errors on Pages<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to Settings \u2192 Permalinks<\/li>\n\n\n\n<li>Click &#8220;Save Changes&#8221; (no changes needed)<\/li>\n\n\n\n<li>This refreshes WordPress rewrite rules<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Pro Tips for Demo Import Success<\/h2>\n\n\n\n<p><strong>Tip 1: Import on Fresh Install<\/strong> For best results, import demos on a fresh WordPress installation. This prevents conflicts with existing content.<\/p>\n\n\n\n<p><strong>Tip 2: Use Staging First<\/strong> Test demos on a staging site before importing on your live site. Many hosts offer free staging environments.<\/p>\n\n\n\n<p><strong>Tip 3: Take Screenshots<\/strong> Before importing, screenshot your existing site if you have one. This helps if you need to reference old content.<\/p>\n\n\n\n<p><strong>Tip 4: Don&#8217;t Rush Customization<\/strong> Live with the demo for a day before making major changes. You might find the default design works perfectly.<\/p>\n\n\n\n<p><strong>Tip 5: Keep Demo Content Initially<\/strong> Demo blog posts showcase your blog layout beautifully. Replace them gradually as you create your own content.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What Makes Versana&#8217;s Demo Import Special?<\/h2>\n\n\n\n<p>Unlike other themes, Versana&#8217;s demo import:<\/p>\n\n\n\n<p><strong>Preserves Your Content<\/strong>: Adds demo content alongside existing posts\/pages rather than deleting everything<\/p>\n\n\n\n<p><strong>Includes Actual Content<\/strong>: Not just lorem ipsum &#8211; real, helpful content about using Versana<\/p>\n\n\n\n<p><strong>One-Click Process<\/strong>: No complicated wizards or multiple steps<\/p>\n\n\n\n<p><strong>Fast Import<\/strong>: 30-60 seconds vs 5-10 minutes with other themes<\/p>\n\n\n\n<p><strong>No Plugin Bloat<\/strong>: Doesn&#8217;t require demo-specific plugins that slow your site<\/p>\n\n\n\n<p><strong>Reversible<\/strong>: Easy to remove demo content if you change your mind <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Next Steps<\/h2>\n\n\n\n<p>After importing your demo:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Read our customization guide<\/strong>: Learn to use the Site Editor<\/li>\n\n\n\n<li><strong>Explore block patterns<\/strong>: Discover all 16 professional patterns<\/li>\n\n\n\n<li><strong>Optimize your site<\/strong>: Set up lazy loading and caching<\/li>\n\n\n\n<li><strong>Add your content<\/strong>: Replace demo text and images<\/li>\n\n\n\n<li><strong>Launch your site<\/strong>: Share your new website with the world<\/li>\n<\/ol>\n\n\n\n<p><strong>Questions?<\/strong> Check our documentation or visit the support forum.<\/p>\n\n\n\n<p>Your professional website is just one click away. Choose your demo and get started today!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Import professional Versana demo sites with one click. Choose from Blog, Business, or Portfolio layouts. Complete guide with screenshots.<\/p>\n","protected":false},"author":1,"featured_media":66,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,16],"tags":[20,24,33,36],"class_list":["post-88","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-getting-started","category-tutorials","tag-demo-import","tag-one-click-import","tag-versana-demos","tag-website-setup"],"_links":{"self":[{"href":"https:\/\/versana.codoplex.com\/versana-blog\/wp-json\/wp\/v2\/posts\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/versana.codoplex.com\/versana-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/versana.codoplex.com\/versana-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/versana.codoplex.com\/versana-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/versana.codoplex.com\/versana-blog\/wp-json\/wp\/v2\/comments?post=88"}],"version-history":[{"count":1,"href":"https:\/\/versana.codoplex.com\/versana-blog\/wp-json\/wp\/v2\/posts\/88\/revisions"}],"predecessor-version":[{"id":131,"href":"https:\/\/versana.codoplex.com\/versana-blog\/wp-json\/wp\/v2\/posts\/88\/revisions\/131"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/versana.codoplex.com\/versana-blog\/wp-json\/wp\/v2\/media\/66"}],"wp:attachment":[{"href":"https:\/\/versana.codoplex.com\/versana-blog\/wp-json\/wp\/v2\/media?parent=88"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/versana.codoplex.com\/versana-blog\/wp-json\/wp\/v2\/categories?post=88"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/versana.codoplex.com\/versana-blog\/wp-json\/wp\/v2\/tags?post=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}