<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>WPZOOM</title>
	<atom:link href="https://www.wpzoom.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.wpzoom.com/</link>
	<description>Premium WordPress Themes, WordPress Video Theme, Magazine WordPress Themes</description>
	<lastBuildDate>Tue, 27 Oct 2026 18:21:24 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.4</generator>

<image>
	<url>https://www.wpzoom.com/wp-content/uploads/2024/09/cropped-wpzoom-32x32.png</url>
	<title>WPZOOM</title>
	<link>https://www.wpzoom.com/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Social Icons Widget 5.0 Released</title>
		<link>https://www.wpzoom.com/blog/social-icons-widget-50/</link>
					<comments>https://www.wpzoom.com/blog/social-icons-widget-50/#respond</comments>
		
		<dc:creator><![CDATA[Pavel Ciorici]]></dc:creator>
		<pubDate>Tue, 27 Oct 2026 18:17:03 +0000</pubDate>
				<category><![CDATA[Releases]]></category>
		<guid isPermaLink="false">https://www.wpzoom.com/?p=829706</guid>

					<description><![CDATA[Social Icons Widget 5.0 and Social Icons Widget PRO 3.0 are out under a new name, WPZOOM Connect. Icons are now inline SVG instead of icon fonts, there are 2,400+ icons to pick from, a new Social Profiles block, a Google Preferred Sources button, a redesigned dashboard and settings, and a brand-new demo site.]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="1800" height="1050" src="https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-5-cover22.png" alt="" class="wp-image-829712" srcset="https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-5-cover22.png 1800w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-5-cover22-734x428.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-5-cover22-1024x597.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-5-cover22-1536x896.png 1536w" sizes="(max-width: 1800px) 100vw, 1800px" /></figure>



<p class="wp-block-paragraph"><strong>Social Icons Widget</strong> started in 2015 as a small widget that put a few social links in a sidebar. Over the years it grew share buttons, shortcodes, an Elementor widget, a floating contact launcher and, lately, an AI chat. The name stopped describing what the plugin does a while ago.</p>



<p class="wp-block-paragraph">So with this release the plugin gets a new name: <strong><a href="https://www.wpzoom.com/plugins/social-share/">WPZOOM Connect</a></strong>. Version <strong>5.0</strong> is the free plugin on WordPress.org, version 3.0 is the Pro plugin. Nothing changes for your site: the update installs over the current version, your icons, share buttons and settings stay as they are, and your Pro license key keeps working.</p>



<p class="wp-block-paragraph">The name is the smallest part of the update. Here is what&#8217;s new.</p>



<span id="more-829706"></span>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-icons-are-now-svg-not-icon-fonts" class="wp-block-heading">Icons are now SVG, not icon fonts</h2>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" width="1160" height="1421" src="https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-magazine-demo.png" alt="A magazine article with social icons in the header, a Follow box with follower counts, share buttons and a footer, from the WPZOOM Connect demo" class="wp-image-829703" srcset="https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-magazine-demo.png 1160w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-magazine-demo-599x734.png 599w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-magazine-demo-836x1024.png 836w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-magazine-demo-375x459.png 375w" sizes="(max-width: 1160px) 100vw, 1160px" /><figcaption class="wp-element-caption">Social icons, a Follow box and share buttons on a magazine article, all drawn as inline SVG. From the new demo.</figcaption></figure>



<p class="wp-block-paragraph">This is the change you won&#8217;t see, and it&#8217;s the one we&#8217;re happiest about.</p>



<p class="wp-block-paragraph">Until now, the plugin shipped its icons as web fonts: Socicons, Font Awesome, Genericons, Academicons and Dashicons. To show three icons in a footer, a page had to download the CSS for every font that was turned on and then the font files themselves, up to 130 KB of CSS and 330 KB of fonts. Visitors on slow connections saw empty squares until the fonts arrived.</p>



<p class="wp-block-paragraph">In <strong>5.0</strong> the Social Icons block and the widget draw each icon as inline <strong>SVG</strong>. A page includes only the icons it shows, so there&#8217;s nothing extra to download, no flash of missing icons, and the icons stay sharp at any size and zoom level. The block editor and the Settings page use SVG too, so the editor loads faster as well.</p>



<p class="wp-block-paragraph">The icons look exactly as before and your saved content is untouched. If you have a reason to keep the fonts (a theme that reuses them, for example), the <code>wpzoom_social_icons_use_svg</code> filter switches back.</p>



<p class="wp-block-paragraph">The same change fixed a long-standing annoyance: 15 Font Awesome 5 icons (LinkedIn, Vimeo, Facebook F, Calendar and others) could show a different icon on the site when Font Awesome 4 was also enabled. That no longer happens.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-2-400-icons-and-an-icon-library" class="wp-block-heading">2,400+ icons and an icon library</h2>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" width="1600" height="1000" src="https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-icon-library.png" alt="The Icon library dialog in the block editor, with icon sets and search" class="wp-image-829701" srcset="https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-icon-library.png 1600w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-icon-library-734x459.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-icon-library-1024x640.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-icon-library-1536x960.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-icon-library-375x234.png 375w" sizes="(max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">The Icon library: browse every enabled icon set or search across all of them.</figcaption></figure>



<p class="wp-block-paragraph">With fonts out of the way, adding icons became much cheaper, so we added a lot of them:</p>



<ul class="wp-block-list">
<li><strong>41 new networks in WPZOOM Icons:</strong> Twitch, Kick, Rumble, Linktree, Buy Me a Coffee, Cash App, Signal, Threema, KakaoTalk, Weibo, Quora, Farcaster, BeReal, Pixelfed, Zoom, Calendly, Notion, Product Hunt, Upwork, GitLab, Bitbucket, DEV, Hashnode, Apple Music, YouTube Music, Audiomack, Pandora, Audible, Google Play, itch.io, Epic Games and more, plus a plain Website icon. Paste a link to any of them and the icon is picked for you.</li>



<li><strong>148 brand icons from Font Awesome 7</strong> in the Font Awesome Brands set, including X, Threads, Bluesky, TikTok, Signal, Linktree and Substack.</li>



<li><strong>Updated logos and brand colors</strong> for Reddit (the current logo and #FF4500), GitHub, Instagram and Nextdoor.</li>



<li>Networks that have shut down (Google+, Skype, Vine, StumbleUpon, Periscope, Pocket and others) are no longer offered in the pickers. Icons already on your site keep working.</li>
</ul>



<p class="wp-block-paragraph">All of them live in a new <strong>Icon library</strong>, a dialog where you browse every enabled icon set and search across all of them at once, with the results grouped by kit.</p>



<p class="wp-block-paragraph">Pro users get an extra fix here: 136 icons that the free plugin had but Pro was missing (OpenAI, Midjourney, Figma, Elementor, Gutenberg, Discourse, Buffer, IMDb and more, plus the Genericons and Academicons sets) are now in Pro too. If you ever moved a site from Free to Pro and found an empty space where an icon used to be, that&#8217;s gone.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-new-social-profiles-block" class="wp-block-heading">New: Social Profiles block</h2>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" width="1600" height="1000" src="https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-social-profiles-block.png" alt="The Social Profiles block in the block editor, List layout with follower counts" class="wp-image-829705" srcset="https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-social-profiles-block.png 1600w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-social-profiles-block-734x459.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-social-profiles-block-1024x640.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-social-profiles-block-1536x960.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-social-profiles-block-375x234.png 375w" sizes="(max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">The Social Profiles block in the List layout, with handles read from the links and follower counts.</figcaption></figure>



<p class="wp-block-paragraph">The Social Icons block is for a compact row of icons. The new <strong>Social Profiles</strong> block is for the opposite: a place where you want each profile to stand on its own, with its name, its handle and, if you like, how many people follow you there.</p>



<p class="wp-block-paragraph">Paste your links and the block takes care of the rest: the network&#8217;s icon and brand color, and a handle read from the link itself (<code>@yourname</code> on Instagram, <code>r/WordPress</code> on Reddit, or the short link for networks that don&#8217;t use handles). Follower counts are a field you type in, labeled correctly per network: followers on Instagram, subscribers on YouTube, members on a Discord server.</p>



<p class="wp-block-paragraph">The free plugin includes the <strong>List</strong> layout. Pro adds <strong>Cards</strong>, brand-colored tiles that work well on an About page or a link-in-bio page, and <strong>Buttons</strong>, a row of &#8220;Follow on Instagram&#8221;-style buttons for the end of a post.</p>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" width="1600" height="1000" src="https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-link-in-bio-demo.png" alt="A link-in-bio page built with the Social Profiles block in the Buttons layout" class="wp-image-829702" srcset="https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-link-in-bio-demo.png 1600w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-link-in-bio-demo-734x459.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-link-in-bio-demo-1024x640.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-link-in-bio-demo-1536x960.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-link-in-bio-demo-375x234.png 375w" sizes="(max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">A link-in-bio page built with the Buttons layout (Pro). From the demo.</figcaption></figure>



<p class="wp-block-paragraph">The block is rendered on the server, which means it will never greet you with the block editor&#8217;s &#8220;unexpected or invalid content&#8221; message after an update.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-new-google-preferred-sources-button" class="wp-block-heading">New: Google Preferred Sources button</h2>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="530" src="https://www.wpzoom.com/wp-content/uploads/2026/10/image-1024x530.png" alt="The Add to Preferred Sources button for Google" class="wp-image-829714" srcset="https://www.wpzoom.com/wp-content/uploads/2026/10/image-1024x530.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/10/image-734x380.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/10/image-767x397.png 767w, https://www.wpzoom.com/wp-content/uploads/2026/10/image-375x194.png 375w, https://www.wpzoom.com/wp-content/uploads/2026/10/image.png 1082w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Google lets readers mark a site as a preferred source. When they do, Google shows more of that site&#8217;s articles in Top Stories and in AI-generated results. The catch is that readers have to find the setting on their own.</p>



<p class="wp-block-paragraph">WPZOOM Connect now adds an <strong>Add to Preferred Sources</strong> button to your site. Turn it on for all posts, pages or any post type from Settings → Google Preferred Sources, or place it by hand with the new Google Preferred Source block or the <code>[wpzoom_preferred_source]</code> shortcode. It comes in light, dark and auto themes, and it loads no Google script on your site, so it costs your visitors nothing.</p>



<p class="wp-block-paragraph">This one is in the free plugin.</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="631" src="https://www.wpzoom.com/wp-content/uploads/2026/10/image-1-1024x631.png" alt="" class="wp-image-829720" srcset="https://www.wpzoom.com/wp-content/uploads/2026/10/image-1-1024x631.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/10/image-1-734x452.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/10/image-1-767x473.png 767w, https://www.wpzoom.com/wp-content/uploads/2026/10/image-1-1536x947.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/10/image-1-2048x1263.png 2048w, https://www.wpzoom.com/wp-content/uploads/2026/10/image-1-375x231.png 375w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-a-better-way-to-add-and-style-icons" class="wp-block-heading">A better way to add and style icons</h2>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" width="1600" height="1000" src="https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-icon-detect.png" alt="Typing a TikTok profile link in the Social Icons block, with the TikTok icon detected automatically" class="wp-image-829700" srcset="https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-icon-detect.png 1600w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-icon-detect-734x459.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-icon-detect-1024x640.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-icon-detect-1536x960.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-icon-detect-375x234.png 375w" sizes="(max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Type a profile link and the icon, label and brand color are filled in for you.</figcaption></figure>



<p class="wp-block-paragraph">A few things in the block editor that used to be fiddly are now straightforward:</p>



<ul class="wp-block-list">
<li><strong>Visual style picker.</strong> Instead of a dropdown of style names, you see each of the seven styles drawn with your own icons, so you know what you&#8217;re picking. Style names are shorter and easier to tell apart.</li>



<li><strong>The URL field shows the icon as you type.</strong> Start typing <code>tiktok.com/@...</code> and the TikTok icon appears next to the field, with its label and brand color filled in.</li>



<li><strong>Smarter detection.</strong> Detect Icon now looks in WPZOOM Icons first and only then in the other enabled sets. Previously it took the last set with a match, which often meant a Font Awesome icon where you expected the WPZOOM one.</li>



<li><strong>The Select Icon dialog behaves.</strong> Search covers every enabled icon set. The URL isn&#8217;t rewritten while you type, a custom label or color is kept when you pick another icon, the list no longer jumps around, and the Search, Delete and Save buttons stay visible on shorter screens.</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-a-new-dashboard-and-redesigned-settings" class="wp-block-heading">A new dashboard and redesigned Settings</h2>



<figure class="wp-block-image size-full"><img decoding="async" width="1600" height="1000" src="https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-overview-dashboard.png" alt="The WPZOOM Connect Overview screen in the WordPress admin" class="wp-image-829704" srcset="https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-overview-dashboard.png 1600w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-overview-dashboard-734x459.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-overview-dashboard-1024x640.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-overview-dashboard-1536x960.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-overview-dashboard-375x234.png 375w" sizes="(max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">The new Overview screen: Social Icons, Share Buttons and Chat at a glance.</figcaption></figure>



<p class="wp-block-paragraph">Open the Social Icons menu in your admin and the first item is now <strong>Overview</strong>: one card each for Social Icons, Share Buttons and Chat, showing what is set up on your site and where to change it. On Pro, the cards also show your custom icons, the floating bar, Pinterest pins and the number of shares in the last 30 days.</p>



<p class="wp-block-paragraph">The <strong>Settings</strong> page was redesigned from scratch: on/off switches, sample icons and an icon count for each set, clearer descriptions, and a Modules tab (formerly &#8220;Misc.&#8221;). The Optimization tab is gone, because there are no fonts left to preload. In its place, Custom Icons and Pinterest tabs show what Pro adds.</p>



<p class="wp-block-paragraph">Two switches were removed on purpose: &#8220;disable blocks&#8221; and &#8220;disable the widget&#8221;. Icons are SVG and load only where they&#8217;re used, so turning them off saved nothing, and turning blocks off quietly broke the automatic share buttons and the Preferred Sources button. If you had the widget switched off before, it stays off.</p>



<p class="wp-block-paragraph">Sites that update get a short <strong>What&#8217;s new</strong> tour on the Overview page, so you can see the changes without reading this post.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-a-new-demo-site" class="wp-block-heading">A new demo site</h2>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" width="1600" height="1000" src="https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-demo-site.png" alt="The new WPZOOM Connect demo site homepage with demos for each module" class="wp-image-829698" srcset="https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-demo-site.png 1600w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-demo-site-734x459.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-demo-site-1024x640.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-demo-site-1536x960.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpzoom-connect-demo-site-375x234.png 375w" sizes="(max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">The new demo: one page per feature, with a Free/Pro switch.</figcaption></figure>



<p class="wp-block-paragraph">We rebuilt the <a href="https://demo.wpzoom.com/social-icons/">demo</a> from the ground up. Instead of a page of icons in a row, <a href="https://demo.wpzoom.com/social-icons/">demo.wpzoom.com/social-icons</a> now shows the plugin on the kinds of sites it&#8217;s used on: a magazine with share buttons on every article, a link-in-bio page, a team page, a podcast episode, a restaurant site with WhatsApp booking. Each feature has its own demo page, and a Free/Pro switch at the top shows what you get with each version.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-how-to-update" class="wp-block-heading">How to update</h2>



<p class="wp-block-paragraph"><strong>Free:</strong> update from Plugins → Updates in your WordPress admin, or install WPZOOM Connect from <a href="https://wordpress.org/plugins/social-icons-widget-by-wpzoom/">WordPress.org</a>.</p>



<p class="wp-block-paragraph"><strong>Pro:</strong> the update appears in your admin as usual. Pro starts at $39/year for one site; the Professional plan (3 sites, $59) and Business plan (10 sites, $79) include the same features. Existing customers with an active license get 3.0 at no cost.</p>



<p class="wp-block-paragraph"><a href="https://demo.wpzoom.com/social-icons/">Try the demo</a> · <a href="https://www.wpzoom.com/plugins/social-share/">Learn more about WPZOOM Connect</a> · <a href="https://www.wpzoom.com/plugins/social-share/#pricing">Get Pro</a></p>



<p class="wp-block-paragraph">The full changelog is in the plugin&#8217;s readme. If you run into anything after updating, <a href="https://www.wpzoom.com/support/">let us know</a>: a lot changed under the hood, and we&#8217;d rather hear about a rough edge than have you work around it.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.wpzoom.com/blog/social-icons-widget-50/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>WPBruiser Has a New Home at WPZOOM</title>
		<link>https://www.wpzoom.com/blog/wpbruiser-new-home/</link>
					<comments>https://www.wpzoom.com/blog/wpbruiser-new-home/#respond</comments>
		
		<dc:creator><![CDATA[Pavel Ciorici]]></dc:creator>
		<pubDate>Mon, 19 Oct 2026 08:52:00 +0000</pubDate>
				<category><![CDATA[Releases]]></category>
		<guid isPermaLink="false">https://www.wpzoom.com/?p=829597</guid>

					<description><![CDATA[We've adopted WPBruiser, the no-CAPTCHA anti-spam plugin, after years without an update. Here's how it happened, what we fixed, what's new in the free version, and the return of WPBruiser Pro.]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-full"><img decoding="async" width="1800" height="1050" src="https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-new-home-cover.png" alt="WPBruiser has a new home: rebuilt by WPZOOM, and WPBruiser Pro is back" class="wp-image-829607" srcset="https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-new-home-cover.png 1800w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-new-home-cover-734x428.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-new-home-cover-1024x597.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-new-home-cover-1536x896.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-new-home-cover-375x219.png 375w" sizes="(max-width: 1800px) 100vw, 1800px" /></figure>



<p class="wp-block-paragraph"><a href="https://www.wpzoom.com/plugins/wpbruiser/">WPBruiser</a>, the anti-spam plugin that stops bots without a CAPTCHA, has a new home: <strong>WPZOOM is now its maintainer</strong>. After years without an update, the plugin is back in the WordPress.org directory, rebuilt and safe again, with a stack of new features in the free version and the return of <strong>WPBruiser Pro</strong>.</p>



<p class="wp-block-paragraph">Here&#8217;s how that happened, and what&#8217;s changed.</p>



<span id="more-829597"></span>



<h2 id="h-how-we-ended-up-adopting-wpbruiser" class="wp-block-heading">How we ended up adopting WPBruiser</h2>



<p class="wp-block-paragraph">We didn&#8217;t find WPBruiser by browsing the directory. We were customers: we&#8217;d used it, along with its premium add-ons, since 2018. It did one thing really well. Instead of asking visitors to solve a puzzle, it adds an invisible token to each form, and bots that post straight to your login or comment form arrive without one and get turned away. At its peak, close to <strong>40,000 sites</strong> ran it.</p>



<p class="wp-block-paragraph">Then the updates stopped. The vendor website went offline, emails went unanswered, and at one point we couldn&#8217;t even cancel our own subscription. The plugin kept working, but it wasn&#8217;t keeping up with PHP 8 or newer WordPress versions, and an abandoned security plugin is exactly what attackers look for.</p>



<p class="wp-block-paragraph">In December 2024 we asked the WordPress.org Plugins team about adopting it. The process asks for a real effort to reach the original developer first, and we didn&#8217;t see it through that time. This August we tried again and followed every step: we documented our emails to the author since 2023, messages on WordPress Slack, posted a <a href="https://wordpress.org/support/topic/plugin-takeover-6/">public request in the plugin&#8217;s support forum</a>, and sent an updated version of the plugin for the team to review.</p>



<p class="wp-block-paragraph">On October 13, 2026, the Plugins team approved the takeover, and three days later <a href="https://wordpress.org/plugins/goodbye-captcha/">WPBruiser</a> was back in the directory. While it was closed, its listed installs dropped to the 10,000+ bracket. We&#8217;d like to bring it back up, and well past where it was.</p>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" width="1240" height="805" src="https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-wordpress-org.png" alt="WPBruiser's page in the WordPress.org plugin directory, now by WPZOOM" class="wp-image-829608" srcset="https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-wordpress-org.png 1240w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-wordpress-org-734x477.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-wordpress-org-1024x665.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-wordpress-org-375x243.png 375w" sizes="(max-width: 1240px) 100vw, 1240px" /></figure>



<p class="wp-block-paragraph">Thanks to the plugin&#8217;s original author for creating WPBruiser and building something good enough that we wanted to keep it going, and to the Plugins team for the careful review.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-first-making-it-safe-again" class="wp-block-heading">First: making it safe again</h2>



<p class="wp-block-paragraph">Before adding anything, we went through the code. Version 3.2.0, the one the Plugins team reviewed, was mostly about cleaning up:</p>



<ul class="wp-block-list">
<li><strong>A security fix.</strong> We closed an unauthenticated PHP Object Injection vulnerability reported through Patchstack (CVE-2026-65556) and hardened every other place the plugin read serialized data.</li>



<li><strong>No more calls to a dead server.</strong> The plugin used to contact the old vendor website, once with certificate checks turned off. Now it contacts nothing: every check runs on your own server.</li>



<li><strong>PHP 8 and current WordPress.</strong> The deprecation warnings and &#8220;loaded too early&#8221; notices are gone, and the plugin passes WordPress&#8217; Plugin Check.</li>



<li><strong>Translations that work.</strong> A text-domain mistake meant none of the plugin&#8217;s 356 strings could ever be translated. They can now.</li>



<li><strong>Page caching without exclusions.</strong> The script loads like any other WordPress script, and a page cached with an old token fetches a fresh one, so cached pages need no special rules.</li>
</ul>



<p class="wp-block-paragraph">We also found a bug that had probably been hurting sites for years: on any server running PHP 7.2 or later, <strong>about one genuine visitor in ten</strong> could be rejected on a protected form, because of how the old encryption library padded the token. It&#8217;s fixed: in 10,000 test runs, not one real submission failed.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-what-s-new-in-the-free-version" class="wp-block-heading">What&#8217;s new in the free version</h2>



<p class="wp-block-paragraph">With the foundations fixed, we turned WPBruiser into a plugin that can hold its own against the big security and anti-spam plugins, without asking anyone to pay for the basics.</p>



<h3 id="h-protection-that-s-on-from-the-start" class="wp-block-heading">Protection that&#8217;s on from the start</h3>



<p class="wp-block-paragraph">A new <strong>Integrations</strong> screen shows every plugin WPBruiser can protect as a card, tells you which ones are active on your site, and turns each on with one switch. On a new install, WordPress&#8217; login, registration, lost password and comment forms, plus every supported plugin that&#8217;s already active, are protected right away.</p>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" width="1440" height="1010" src="https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-integrations-screen.png" alt="The WPBruiser Integrations screen, with a card and a switch for every supported plugin" class="wp-image-829599" srcset="https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-integrations-screen.png 1440w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-integrations-screen-734x515.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-integrations-screen-1024x718.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-integrations-screen-375x263.png 375w" sizes="(max-width: 1440px) 100vw, 1440px" /></figure>



<p class="wp-block-paragraph">Free integrations include our own <a href="https://www.wpzoom.com/plugins/wpzoom-forms/">WPZOOM Forms</a>, Jetpack Forms, Mailchimp for WordPress, HTML Forms, Ultimate Member, WP-Members, Login With Ajax and wpDiscuz. <a href="https://www.wpzoom.com/plugins/wpbruiser/integrations/">See every integration and what it protects</a>.</p>



<h3 id="h-real-login-security" class="wp-block-heading">Real login security</h3>



<p class="wp-block-paragraph">WPBruiser 3.4 adds the login protection you&#8217;d normally install a second plugin for:</p>



<ul class="wp-block-list">
<li><strong>Login lockouts.</strong> After 5 failed logins (you choose the number), an IP address is locked out for 20 minutes, and for a day if it keeps coming back. This covers the login form, XML-RPC, application passwords and other plugins&#8217; login forms, and you can release any lockout with one click.</li>



<li><strong>Banned usernames.</strong> An IP address that tries &#8220;admin&#8221;, &#8220;root&#8221; or similar names nobody on your site uses is locked out at once.</li>



<li><strong>Lockdown mode.</strong> During a detected attack, only IP addresses each user has logged in from before can log in.</li>



<li><strong>A custom login URL.</strong> Move the login page to an address only you know, so wp-login.php and wp-admin show a &#8220;not found&#8221; page to visitors.</li>
</ul>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" width="778" height="812" src="https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-login-lockouts.png" alt="Login lockout settings on the WPBruiser Security screen, with a list of locked-out IP addresses" class="wp-image-829600" srcset="https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-login-lockouts.png 778w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-login-lockouts-703x734.png 703w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-login-lockouts-375x391.png 375w" sizes="(max-width: 778px) 100vw, 778px" /></figure>



<p class="wp-block-paragraph">There&#8217;s a hardening pack too, all optional: close the REST API to visitors who aren&#8217;t logged in, turn off application passwords, and stop PHP files in the uploads folder from running.</p>



<h3 id="h-see-what-it-s-blocking" class="wp-block-heading">See what it&#8217;s blocking</h3>



<p class="wp-block-paragraph">A new Dashboard widget shows blocked attempts for the last day, week and month, and the forms bots target most. The Reports screen has the full log, down to the content each bot tried to send.</p>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" width="637" height="394" src="https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-dashboard-widget.png" alt="The WPBruiser Dashboard widget with blocked attempts and the most targeted forms" class="wp-image-829601" srcset="https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-dashboard-widget.png 637w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-dashboard-widget-375x232.png 375w" sizes="(max-width: 637px) 100vw, 637px" /></figure>



<p class="wp-block-paragraph">And the whole interface got a lighter, more modern look, with on/off switches, clearer settings and a link to the <a href="https://www.wpzoom.com/documentation/wpbruiser/">new documentation</a> on every screen.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-wpbruiser-pro-is-back" class="wp-block-heading">WPBruiser Pro is back</h2>



<p class="wp-block-paragraph">The original premium add-ons disappeared with the old vendor website. <a href="https://www.wpzoom.com/plugins/wpbruiser/">WPBruiser Pro</a> brings them back as a single add-on, rewritten for current versions of the plugins it protects:</p>



<ul class="wp-block-list">
<li><strong>Form builders:</strong> Contact Form 7, WPForms, Elementor Pro forms, Gravity Forms, Fluent Forms, Forminator, Ninja Forms and Formidable Forms.</li>



<li><strong>WooCommerce:</strong> login, registration, password reset, product reviews and account creation at checkout, on the classic checkout and the Checkout block.</li>



<li><strong>Easy Digital Downloads:</strong> account forms, checkout, and optional protection against card-testing bots on every purchase.</li>



<li><strong>MailPoet</strong> subscription forms, wherever they appear.</li>



<li><strong>Country blocking</strong>, with IP-to-country data that ships inside the plugin, and <strong>submission rate limits</strong> for anyone who gets past the other checks.</li>
</ul>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" width="1440" height="1010" src="https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-pro-integrations.png" alt="WPBruiser Pro integrations for Contact Form 7, WPForms, WooCommerce and more, on the same Integrations screen" class="wp-image-829602" srcset="https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-pro-integrations.png 1440w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-pro-integrations-734x515.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-pro-integrations-1024x718.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-pro-integrations-375x263.png 375w" sizes="(max-width: 1440px) 100vw, 1440px" /></figure>



<p class="wp-block-paragraph">Pro switches itself on for the plugins you already use, and it adds to the screens you know rather than adding new ones. If you used the original WPBruiser Pro, your saved settings, including your list of blocked countries, <a href="https://www.wpzoom.com/documentation/wpbruiser/upgrading-from-original-wpbruiser/">carry over</a>.</p>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" width="1440" height="1000" src="https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-pro-country-rate-limits.png" alt="Country blocking and submission rate limits in WPBruiser Pro" class="wp-image-829603" srcset="https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-pro-country-rate-limits.png 1440w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-pro-country-rate-limits-734x510.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-pro-country-rate-limits-1024x711.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-pro-country-rate-limits-375x260.png 375w" sizes="(max-width: 1440px) 100vw, 1440px" /></figure>



<p class="wp-block-paragraph">Plans start at <strong>$49 a year</strong> for one site, with a 14-day money-back guarantee.</p>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" width="1440" height="735" src="https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-pro-landing.png" alt="The WPBruiser Pro page on wpzoom.com" class="wp-image-829609" srcset="https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-pro-landing.png 1440w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-pro-landing-734x375.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-pro-landing-1024x523.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/10/wpbruiser-pro-landing-375x191.png 375w" sizes="(max-width: 1440px) 100vw, 1440px" /></figure>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://www.wpzoom.com/plugins/wpbruiser/">See WPBruiser Pro</a></div>



<div class="wp-block-button is-style-outline is-style-outline--1"><a class="wp-block-button__link wp-element-button" href="https://wordpress.org/plugins/goodbye-captcha/">Download WPBruiser Free</a></div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-what-stays-the-same" class="wp-block-heading">What stays the same</h2>



<p class="wp-block-paragraph">The idea that made WPBruiser popular hasn&#8217;t changed: <strong>no CAPTCHA, no puzzles, and no third-party service</strong>. Your visitors fill in your forms exactly as before. No visitor data leaves your server, so there&#8217;s no cookie notice to add and no outside processor for your privacy policy. If you&#8217;re weighing it against other tools, we&#8217;ve put together honest comparisons with <a href="https://www.wpzoom.com/plugins/wpbruiser/akismet-alternative/">Akismet</a>, <a href="https://www.wpzoom.com/plugins/wpbruiser/recaptcha-alternative/">reCAPTCHA, Turnstile and hCaptcha</a>, <a href="https://www.wpzoom.com/plugins/wpbruiser/cleantalk-alternative/">CleanTalk</a> and <a href="https://www.wpzoom.com/plugins/wpbruiser/wp-armour-alternative/">WP Armour</a>.</p>



<p class="wp-block-paragraph">If you already use WPBruiser, just update it from your Plugins screen. Your settings, allow and block lists and reports stay as they are, and the free version stays free, including on commercial sites.</p>



<p class="wp-block-paragraph">WPBruiser is also <a href="https://github.com/wpzoom/goodbye-captcha">open on GitHub</a>. Found a bug or missing an integration? Tell us in the <a href="https://wordpress.org/support/plugin/goodbye-captcha/">support forum</a> or open an issue. We&#8217;re just getting started.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.wpzoom.com/blog/wpbruiser-new-home/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Introducing Yamidoo: The Support Chat We Built for Ourselves, Now for Your Site</title>
		<link>https://www.wpzoom.com/blog/introducing-yamidoo/</link>
					<comments>https://www.wpzoom.com/blog/introducing-yamidoo/#respond</comments>
		
		<dc:creator><![CDATA[Pavel Ciorici]]></dc:creator>
		<pubDate>Mon, 21 Sep 2026 18:40:52 +0000</pubDate>
				<category><![CDATA[Releases]]></category>
		<guid isPermaLink="false">https://www.wpzoom.com/?p=829187</guid>

					<description><![CDATA[If you&#8217;ve clicked &#8220;Chat with us!&#8221; in the corner of wpzoom.com and asked a question, you were talking to Yamidoo. We built it for our own support first, and today it&#8217;s a product: an AI support chat that answers your visitors from your own pages and hands the conversation to [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="538" src="https://www.wpzoom.com/wp-content/uploads/2026/09/introducing-yamidoo-featured-v2-1024x538.png" alt="Introducing Yamidoo, the AI support chat we built for wpzoom.com" class="wp-image-829192" srcset="https://www.wpzoom.com/wp-content/uploads/2026/09/introducing-yamidoo-featured-v2-1024x538.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/09/introducing-yamidoo-featured-v2-734x385.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/09/introducing-yamidoo-featured-v2-1536x806.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/09/introducing-yamidoo-featured-v2-2048x1075.png 2048w, https://www.wpzoom.com/wp-content/uploads/2026/09/introducing-yamidoo-featured-v2-375x197.png 375w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">If you&#8217;ve clicked &#8220;Chat with us!&#8221; in the corner of wpzoom.com and asked a question, you were talking to <a href="https://yamidoo.ai/?utm_source=wpzoom&amp;utm_medium=blog&amp;utm_campaign=introducing_yamidoo">Yamidoo</a>. We built it for our own support first, and today it&#8217;s a product: an AI support chat that answers your visitors from your own pages and hands the conversation to a person the moment someone asks for one. Why we built it and the numbers from wpzoom.com so far are <a href="https://yamidoo.ai/blog/yamidoo-is-live/?utm_source=wpzoom&amp;utm_medium=blog&amp;utm_campaign=introducing_yamidoo">on the Yamidoo blog</a>.</p>



<span id="more-829187"></span>



<h2 id="h-what-changes-on-wpzoom-com" class="wp-block-heading">What Changes on wpzoom.com</h2>



<p class="wp-block-paragraph">Nothing, on your side. The chat stays where it is and works the way it has: ask a question and you get an answer in seconds from our documentation or the right page on this site, with a link to where it came from. Ask for a person and someone from the team takes over in the same window. If nobody is online, leave your email and we follow up.</p>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" width="1600" height="1283" src="https://www.wpzoom.com/wp-content/uploads/2026/09/yamidoo-on-wpzoom-chat.png" alt="The Yamidoo chat on wpzoom.com answering where to find a license key, with the source documentation page linked under the answer" class="wp-image-829186" srcset="https://www.wpzoom.com/wp-content/uploads/2026/09/yamidoo-on-wpzoom-chat.png 1600w, https://www.wpzoom.com/wp-content/uploads/2026/09/yamidoo-on-wpzoom-chat-734x589.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/09/yamidoo-on-wpzoom-chat-1024x821.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/09/yamidoo-on-wpzoom-chat-1536x1232.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/09/yamidoo-on-wpzoom-chat-375x301.png 375w" sizes="(max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">A real answer on wpzoom.com, with the documentation page it came from linked underneath.</figcaption></figure>



<p class="wp-block-paragraph">We read every answer that gets a thumbs down. When one shows a gap in our documentation, we write the missing page, so the next visitor with the same question finds it on the site.</p>



<h2 id="h-if-you-want-it-on-your-own-site" class="wp-block-heading">If You Want It on Your Own Site</h2>



<p class="wp-block-paragraph">It does on your site what it does on ours, and the setup is short: create a free account, point Yamidoo at your site, and it reads your pages and answers from them.</p>



<p class="wp-block-paragraph">The last step is putting the chat on the site, and there are two ways. On WordPress, the <a href="https://yamidoo.ai/integrations/wordpress/?utm_source=wpzoom&amp;utm_medium=blog&amp;utm_campaign=introducing_yamidoo">free WordPress plugin</a> does it in one click: install it from <a href="https://wordpress.org/plugins/yamidoo/">wordpress.org</a>, click <strong>Connect to Yamidoo</strong>, and you come back with the site connected and the chat live, nothing edited in your theme, the chat kept clear of caching and optimization plugins. Anywhere else, <a href="https://yamidoo.ai/integrations/?utm_source=wpzoom&amp;utm_medium=blog&amp;utm_campaign=introducing_yamidoo">paste one script tag</a>.</p>



<p class="wp-block-paragraph">If you run a <a href="https://yamidoo.ai/integrations/woocommerce/?utm_source=wpzoom&amp;utm_medium=blog&amp;utm_campaign=introducing_yamidoo">WooCommerce</a> or <a href="https://yamidoo.ai/integrations/easy-digital-downloads/?utm_source=wpzoom&amp;utm_medium=blog&amp;utm_campaign=introducing_yamidoo">Easy Digital Downloads</a> store, your team sees the customer&#8217;s orders and subscriptions next to the conversation (licenses too, on Easy Digital Downloads). A second switch, off by default, lets logged-in customers ask about their own account.</p>



<p class="wp-block-paragraph">The free plan covers 50 conversations a month, with no credit card and no expiry date; <a href="https://yamidoo.ai/pricing/?utm_source=wpzoom&amp;utm_medium=blog&amp;utm_campaign=introducing_yamidoo">paid plans</a> start when you outgrow that.</p>



<h2 id="h-check-what-your-site-already-answers" class="wp-block-heading">Check What Your Site Already Answers</h2>



<p class="wp-block-paragraph">Not sure your site has the answers? <a href="https://yamidoo.ai/scan/?utm_source=wpzoom&amp;utm_medium=blog&amp;utm_campaign=introducing_yamidoo">Run the free scan</a>: enter your site&#8217;s address, it reads a handful of your public pages and, about ten seconds later, lists what your visitors are likely to ask and which of those questions your pages already answer. Nothing is installed and no account is needed.</p>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://yamidoo.ai/scan/?utm_source=wpzoom&amp;utm_medium=blog&amp;utm_campaign=introducing_yamidoo">Scan my site →</a></div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph">Questions about Yamidoo? <a href="mailto:hello@yamidoo.ai">hello@yamidoo.ai</a> comes straight to me, and the comments below are open.</p>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://app.yamidoo.ai/signup?utm_source=wpzoom&amp;utm_medium=blog&amp;utm_campaign=introducing_yamidoo">Get started free →</a></div>
</div>



<div style="height:55px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://www.wpzoom.com/blog/introducing-yamidoo/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Tribune 4.3: Four Color Styles, Dark Mode &#038; a Block Homepage</title>
		<link>https://www.wpzoom.com/blog/tribune-4-3/</link>
					<comments>https://www.wpzoom.com/blog/tribune-4-3/#respond</comments>
		
		<dc:creator><![CDATA[Pavel Ciorici]]></dc:creator>
		<pubDate>Thu, 10 Sep 2026 11:57:04 +0000</pubDate>
				<category><![CDATA[Releases]]></category>
		<guid isPermaLink="false">https://www.wpzoom.com/?p=829072</guid>

					<description><![CDATA[Tribune is one of the oldest themes in our collection — a newspaper design that has been running news sites since version 1.0. Tribune 4.3 is its biggest update in years: instead of one design, the theme now gives you four, each with its own demo, plus a dark mode [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="597" src="https://www.wpzoom.com/wp-content/uploads/2026/09/tribune-4-3-featured-black-d7113e-1024x597.png" alt="Tribune 4.3 – four color styles, dark mode and a block homepage" class="wp-image-829094" srcset="https://www.wpzoom.com/wp-content/uploads/2026/09/tribune-4-3-featured-black-d7113e-1024x597.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/09/tribune-4-3-featured-black-d7113e-734x428.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/09/tribune-4-3-featured-black-d7113e-1536x896.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/09/tribune-4-3-featured-black-d7113e-2048x1195.png 2048w, https://www.wpzoom.com/wp-content/uploads/2026/09/tribune-4-3-featured-black-d7113e-375x219.png 375w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"><a href="https://www.wpzoom.com/themes/tribune/">Tribune</a> is one of the oldest themes in our collection — a newspaper design that has been running news sites since version 1.0. <strong>Tribune 4.3</strong> is its biggest update in years: instead of one design, the theme now gives you four, each with its own demo, plus a dark mode your visitors can switch on themselves and a way to build the homepage entirely with blocks.</p>



<p class="wp-block-paragraph">If you&#8217;re already running Tribune, nothing changes when you update — your site keeps the design it has today. Here&#8217;s what&#8217;s new when you&#8217;re ready to explore.</p>



<span id="more-829072"></span>



<h2 id="h-one-theme-four-designs" class="wp-block-heading">One theme, four designs</h2>



<p class="wp-block-paragraph">The centre of this release is a new <strong>Color Style</strong> setting in <strong>Theme Options → General</strong>. It isn&#8217;t a colour palette: each style is a complete design with its own typography, spacing, header, featured area and widgets. Pick one from the visual selector, save, and the whole site switches — your content, menus, widgets and settings stay exactly as they were.</p>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" src="https://www.wpzoom.com/wp-content/uploads/2026/09/tribune-theme-options-color-style-2026.png" alt="Choosing a Color Style in the Tribune Theme Options panel"/></figure>



<p class="wp-block-paragraph"><strong>Classic</strong> is the Tribune you know, with the navy menu bar — lightly refreshed in 4.3 with flatter date labels, quieter slider controls, cleaner sidebar widgets and a main navigation that now sticks to the top as you scroll.</p>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" src="https://www.wpzoom.com/wp-content/uploads/2026/09/tribune-demo-tribune-2026.jpg" alt="Tribune newspaper WordPress theme – Classic style demo homepage"/></figure>



<p class="wp-block-paragraph"><strong>Editorial</strong> is a flat magazine design: a wider canvas, hairline rules, letterspaced labels and Newsreader headlines paired with Inter Tight.</p>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" src="https://www.wpzoom.com/wp-content/uploads/2026/09/tribune-demo-tribune-blocks-2026.jpg" alt="Tribune WordPress theme – Editorial style, a magazine homepage built with blocks"/></figure>



<p class="wp-block-paragraph"><strong>Modern</strong> is soft and card-based — rounded corners, elevated cards, a blue accent and Plus Jakarta Sans throughout.</p>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" src="https://www.wpzoom.com/wp-content/uploads/2026/09/tribune-demo-tribune-modern-2026.jpg" alt="Tribune WordPress theme – Modern style, a card-based news homepage built with blocks"/></figure>



<p class="wp-block-paragraph"><strong>Broadsheet</strong> is a revival of the original Tribune 1.0 newspaper: condensed Barlow headlines over PT Serif copy, charcoal rules, a cream-framed feature photo, a &#8220;Breaking News&#8221; flag and a homepage built from full-width bands.</p>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" src="https://www.wpzoom.com/wp-content/uploads/2026/09/tribune-demo-tribune-broadsheet-2026.jpg" alt="Tribune WordPress theme – Broadsheet style, the classic newspaper layout"/></figure>



<p class="wp-block-paragraph">Because switching is just a setting, you can try each one on your real site and switch back if it isn&#8217;t for you. <a href="https://www.wpzoom.com/documentation/tribune/tribune-color-styles-dark-mode/">Read the docs →</a></p>



<h2 id="h-dark-mode-with-a-switch-your-visitors-control" class="wp-block-heading">Dark mode, with a switch your visitors control</h2>



<p class="wp-block-paragraph">Editorial, Modern and Broadsheet each come with a dark colour scheme. Turn on the <strong>Dark Mode Toggle</strong> and a sun/moon switch appears in the header — visitors click it to change the scheme, and their choice is remembered on their next visit.</p>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" src="https://www.wpzoom.com/wp-content/uploads/2026/09/tribune-demo-tribune-modern-dark-2026.jpg" alt="Tribune WordPress theme in dark mode"/></figure>



<p class="wp-block-paragraph">You decide what first-time visitors see with the <strong>Default Color Scheme</strong> option: <strong>Light</strong>, <strong>Dark</strong>, or <strong>System</strong>, which follows the visitor&#8217;s own device preference. Both settings live next to the Color Style selector in Theme Options. <a href="https://www.wpzoom.com/documentation/tribune/tribune-color-styles-dark-mode/">Read the docs →</a></p>



<h2 id="h-four-demos-one-click-each" class="wp-block-heading">Four demos, one click each</h2>



<p class="wp-block-paragraph">The Demo Importer now offers a ready-made site for every style:</p>



<ul class="wp-block-list">
<li><a href="https://demo.wpzoom.com/tribune/"><strong>Default</strong></a> — the Classic style with the widget-driven homepage</li>



<li><a href="https://demo.wpzoom.com/tribune-broadsheet/"><strong>Broadsheet</strong></a> — the newspaper revival, also widget-driven</li>



<li><a href="https://demo.wpzoom.com/tribune-modern/"><strong>Modern</strong></a> — the Modern style with a homepage built from blocks</li>



<li><a href="https://demo.wpzoom.com/tribune-blocks/"><strong>Blocks</strong></a> — the Editorial style with a homepage built from blocks</li>
</ul>



<p class="wp-block-paragraph">Import the one closest to what you want, then change the Color Style later if you like — the two are independent. <a href="https://www.wpzoom.com/documentation/tribune/tribune-getting-started/">Read the docs →</a></p>



<h2 id="h-build-the-homepage-with-blocks" class="wp-block-heading">Build the homepage with blocks</h2>



<p class="wp-block-paragraph">Tribune&#8217;s homepage has always been assembled from Theme Options and widget areas. That still works exactly as before — but 4.3 adds an alternative: the homepage can be an ordinary page you build in the block editor, with no page builder plugin.</p>



<p class="wp-block-paragraph">When you create a new page, Tribune offers a <strong>Home template</strong> starter pattern that drops the entire homepage layout onto the canvas. From there you rearrange sections, change which category each one pulls from, delete what you don&#8217;t need and add anything else.</p>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" src="https://www.wpzoom.com/wp-content/uploads/2026/09/tribune-page-starter-home-template-2026-v2.png" alt="The Home template starter pattern for building the Tribune homepage with blocks"/></figure>



<p class="wp-block-paragraph">To match its design, the theme also registers a few block styles: <strong>Buttons</strong> for the Categories and Tags blocks, <strong>Thumbnail List</strong> for Latest Posts, <strong>Surface</strong> for a card-style Group, and <strong>Link</strong> for a plain-text Button. They follow whichever Color Style is active, dark scheme included. There&#8217;s a new <strong>Full Width (No Title)</strong> page template to let the layout run edge to edge. <a href="https://www.wpzoom.com/documentation/tribune/tribune-block-homepage/">Read the docs →</a></p>



<h2 id="h-a-video-widget-that-works-like-a-playlist" class="wp-block-heading">A Video Widget that works like a playlist</h2>



<p class="wp-block-paragraph">Right behind 4.3.0 comes <strong>4.3.1</strong>, which rebuilds the <strong>WPZOOM: Video Widget</strong>. On the front end it&#8217;s now a playlist: each row shows the video&#8217;s thumbnail, duration and title, and the one playing is highlighted.</p>



<p class="wp-block-paragraph">Setting it up is simpler, too. Paste a <strong>video link</strong> — YouTube, Vimeo or any other site WordPress can embed — and the widget shows a preview card with the thumbnail, title and provider, and fills in the title for you. Embed codes still work as before. You can add or remove videos in place, up to 20 per widget, instead of choosing a count and saving first.</p>



<h2 id="h-lighter-and-faster" class="wp-block-heading">Lighter and faster</h2>



<p class="wp-block-paragraph">Alongside the new designs, 4.3 modernises a fair amount of the theme&#8217;s front end. The Breaking News ticker is now a pure CSS animation, the Carousel and Tabs widgets only load their scripts on pages that actually use them, and the YouTube player only loads when a slide embeds a video. Icon fonts are no longer loaded at all — icons are inline SVG, so they still pick up your Customizer colours. Less to download, and less running in the visitor&#8217;s browser.</p>



<h2 id="h-updating" class="wp-block-heading">Updating</h2>



<p class="wp-block-paragraph">Tribune 4.3 is a free update for all license holders — you&#8217;ll see it under <strong>Dashboard → Updates</strong>, or download the ZIP from your <a href="https://www.wpzoom.com/account/">WPZOOM account</a>.</p>



<p class="wp-block-paragraph">After updating, <strong>clear the cache</strong> in any caching or optimization plugin, since a good part of the front-end code changed. Your site will stay on the Classic style until you choose another.</p>



<p class="wp-block-paragraph">New to Tribune? <a href="https://www.wpzoom.com/themes/tribune/">Browse the four demos</a> or <a href="https://www.wpzoom.com/documentation/tribune/">read the documentation</a> — and let us know which style you pick. Still comparing? Tribune sits alongside Domino Magazine and Prime News in our <a href="https://www.wpzoom.com/themes/magazine/">WordPress newspaper and magazine themes</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.wpzoom.com/blog/tribune-4-3/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Videozoom 5.0: A New Editorial Design, Cinematic Slider &#038; Dark Mode</title>
		<link>https://www.wpzoom.com/blog/videozoom-5-0-editorial-design/</link>
					<comments>https://www.wpzoom.com/blog/videozoom-5-0-editorial-design/#respond</comments>
		
		<dc:creator><![CDATA[Pavel Ciorici]]></dc:creator>
		<pubDate>Wed, 02 Sep 2026 09:11:32 +0000</pubDate>
				<category><![CDATA[Releases]]></category>
		<guid isPermaLink="false">https://www.wpzoom.com/?p=828842</guid>

					<description><![CDATA[Videozoom has been our video theme since 2011 — and Videozoom 5.0 is the biggest update it has ever had. It&#8217;s a full redesign: a new default look, a new slider, a rebuilt mobile experience, and a faster, cleaner, modernized codebase under the hood. If you&#8217;re on an existing site, [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="597" src="https://www.wpzoom.com/wp-content/uploads/2026/09/videozoom-5-featured-1024x597.png" alt="Videozoom 5.0 — a new Editorial design, cinematic slider and dark mode" class="wp-image-828845" srcset="https://www.wpzoom.com/wp-content/uploads/2026/09/videozoom-5-featured-1024x597.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/09/videozoom-5-featured-734x428.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/09/videozoom-5-featured-1536x896.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/09/videozoom-5-featured-2048x1195.png 2048w, https://www.wpzoom.com/wp-content/uploads/2026/09/videozoom-5-featured-375x219.png 375w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"><a href="https://www.wpzoom.com/themes/videozoom/">Videozoom</a> has been our video theme since 2011 — and <strong>Videozoom 5.0</strong> is the biggest update it has ever had. It&#8217;s a full redesign: a new default look, a new slider, a rebuilt mobile experience, and a faster, cleaner, modernized codebase under the hood.</p>



<p class="wp-block-paragraph">If you&#8217;re on an existing site, nothing changes until you want it to — your current style stays exactly as it is. If you&#8217;re starting fresh, here&#8217;s what you&#8217;ll find.</p>



<span id="more-828842"></span>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-meet-editorial-the-new-default-style" class="wp-block-heading">Meet &#8220;Editorial&#8221;: the new default style</h2>



<p class="wp-block-paragraph">The headline of this release is a brand-new theme style called <strong>Editorial</strong> — a minimal, black-and-white video magazine. Thin and bold typography (Inter Tight), hairline borders, a wider 1400px layout, big 16:9 video cards, and a navigation bar that pins itself to the top as you scroll.</p>



<figure class="wp-block-image size-full is-resized is-style-shadow"><img decoding="async" width="2880" height="1900" src="https://www.wpzoom.com/wp-content/uploads/2026/09/editorial-home-61222c.png" alt="The new Editorial style in Videozoom 5.0" class="wp-image-828838" style="width:1440px;height:auto" srcset="https://www.wpzoom.com/wp-content/uploads/2026/09/editorial-home-61222c.png 2880w, https://www.wpzoom.com/wp-content/uploads/2026/09/editorial-home-61222c-734x484.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/09/editorial-home-61222c-1024x676.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/09/editorial-home-61222c-1536x1013.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/09/editorial-home-61222c-2048x1351.png 2048w, https://www.wpzoom.com/wp-content/uploads/2026/09/editorial-home-61222c-375x247.png 375w" sizes="(max-width: 2880px) 100vw, 2880px" /></figure>



<p class="wp-block-paragraph">It&#8217;s the default for new installs. Existing sites keep whatever style they&#8217;re using today — switch anytime in <strong>Theme Options → General → Theme Style</strong>, where the classic <strong>Dark</strong> and <strong>Light</strong> styles are still right there beside it. <a href="https://www.wpzoom.com/documentation/videozoom/videozoom-theme-styles-dark-mode/">Read the docs →</a></p>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://demo.wpzoom.com/?theme=videozoom">View Demo</a></div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-dark-mode-with-a-toggle-your-visitors-control" class="wp-block-heading">Dark mode, with a toggle your visitors control</h2>



<p class="wp-block-paragraph">Editorial ships with two color schemes, and a <strong>Dark Mode toggle</strong> in the header lets visitors switch between them. Their choice is remembered on their next visit.</p>



<figure class="wp-block-image size-full is-resized is-style-shadow"><img decoding="async" width="2880" height="1900" src="https://www.wpzoom.com/wp-content/uploads/2026/09/editorial-light-266c9f.png" alt="Editorial's light color scheme" class="wp-image-828839" style="width:1440px;height:auto" srcset="https://www.wpzoom.com/wp-content/uploads/2026/09/editorial-light-266c9f.png 2880w, https://www.wpzoom.com/wp-content/uploads/2026/09/editorial-light-266c9f-734x484.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/09/editorial-light-266c9f-1024x676.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/09/editorial-light-266c9f-1536x1013.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/09/editorial-light-266c9f-2048x1351.png 2048w, https://www.wpzoom.com/wp-content/uploads/2026/09/editorial-light-266c9f-375x247.png 375w" sizes="(max-width: 2880px) 100vw, 2880px" /></figure>



<p class="wp-block-paragraph">You decide what first-time visitors see: <strong>Dark</strong>, <strong>Light</strong>, or <strong>System</strong> — which follows the visitor&#8217;s own device preference. Set it in <strong>Theme Options → General → Default Color Scheme</strong>, and turn the toggle itself on or off from the same screen. <a href="https://www.wpzoom.com/documentation/videozoom/videozoom-theme-styles-dark-mode/">Read the docs →</a></p>



<h2 id="h-a-cinematic-slider" class="wp-block-heading">A cinematic slider</h2>



<p class="wp-block-paragraph">The featured slider has a new default look, <strong>Cinematic</strong>: full-width, with the featured image blurred into the background and the video and text laid over it. The previous boxed design is still available as <strong>Classic</strong>.</p>



<p class="wp-block-paragraph">Under the hood the slider now runs on <strong>Swiper</strong>, which means proper touch and mouse dragging — on the main slider and on the thumbnail carousel. In the Editorial style that carousel is a draggable 16:9 rail with captions, and it&#8217;s visible on mobile too. Navigation arrows now sit over the video on every screen size, with pagination dots below. <a href="https://www.wpzoom.com/documentation/videozoom/videozoom-featured-slider/">Read the docs →</a></p>



<h2 id="h-theme-options-you-can-actually-see" class="wp-block-heading">Theme Options you can actually see</h2>



<p class="wp-block-paragraph">Small change, big difference: <strong>Theme Style</strong>, <strong>Slider Style</strong> and <strong>Default Color Scheme</strong> are now visual pickers with layout previews instead of dropdowns. You can tell what &#8220;Cinematic&#8221; means before you pick it.</p>



<figure class="wp-block-image size-full is-resized is-style-shadow"><img decoding="async" width="1920" height="1573" src="https://www.wpzoom.com/wp-content/uploads/2026/09/theme-options-style-103302.png" alt="The new visual selectors in Theme Options" class="wp-image-828841" style="width:960px;height:auto" srcset="https://www.wpzoom.com/wp-content/uploads/2026/09/theme-options-style-103302.png 1920w, https://www.wpzoom.com/wp-content/uploads/2026/09/theme-options-style-103302-734x601.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/09/theme-options-style-103302-1024x839.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/09/theme-options-style-103302-1536x1258.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/09/theme-options-style-103302-375x307.png 375w" sizes="(max-width: 1920px) 100vw, 1920px" /></figure>



<p class="wp-block-paragraph">Options that only apply to Editorial are hidden when you&#8217;re using another style, so the screen stays clean.</p>



<h2 id="h-a-mobile-menu-rebuilt-from-scratch" class="wp-block-heading">A mobile menu rebuilt from scratch</h2>



<p class="wp-block-paragraph">Videozoom used to have two separate mobile menus. 5.0 replaces them with a single hamburger button and <strong>accordion submenus at any depth</strong> — clean, predictable, and it works the way people expect.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img decoding="async" src="https://www.wpzoom.com/wp-content/uploads/2026/08/mobile-duo-28f1ae.png" alt="Videozoom WordPress video theme on mobile — homepage and menu" style="width:1100px;height:auto"/></figure>
</div>


<p class="wp-block-paragraph">There&#8217;s also a new optional <strong>Mobile Menu</strong> location under <strong>Appearance → Menus</strong>. Assign a menu there and it shows on phones instead of your Main Menu — handy if your desktop navigation is too deep for a small screen. <a href="https://www.wpzoom.com/documentation/videozoom/videozoom-menus-mobile-menu/">Read the docs →</a></p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph"><strong>Updating from 4.x?</strong> The Top Menu no longer appears inside the mobile menu. If you relied on that, add those items to your Main Menu or assign a dedicated Mobile Menu.</p>
</blockquote>



<h2 id="h-faster-by-subtraction" class="wp-block-heading">Faster, by subtraction</h2>



<p class="wp-block-paragraph">A lot of 5.0 is about what we <em>removed</em>. The jQuery FlexSlider, mmenu, Superfish, FitVids and Modernizr libraries are gone — roughly <strong>150KB of legacy JavaScript and 2,300 lines of CSS</strong>. Dropdown menus are now pure CSS with keyboard support. Footer widget columns use CSS grid, so spacing is even at any column count.</p>



<p class="wp-block-paragraph">And things load only when they&#8217;re needed: slider assets only on pages that show the slider, the video lightbox script only when that option is on, and icon fonts are no longer loaded on the front end at all.</p>



<h2 id="h-everything-else-from-recent-updates" class="wp-block-heading">Everything else from recent updates</h2>



<p class="wp-block-paragraph">If you haven&#8217;t updated in a while, 5.0 lands on top of a busy few months:</p>



<ul class="wp-block-list">
<li><strong>Video Background on Hover</strong> — a short clip plays when visitors hover a post thumbnail. Upload an MP4 or trim one straight from a YouTube or Vimeo URL. <em>(4.3.2)</em> — <a href="https://www.wpzoom.com/documentation/videozoom/videozoom-video-background-on-hover/">docs</a></li>



<li><strong>Capture Frame as Featured Image</strong> — pause a self-hosted video in the editor and set that exact frame as the post&#8217;s Featured Image. <em>(4.3.1)</em> — <a href="https://www.wpzoom.com/documentation/videozoom/videozoom-capture-frame-featured-image/">docs</a></li>



<li><strong>Grid / List toggle</strong> for visitors, a YouTube-style <strong>Modern</strong> grid, a <strong>video lightbox</strong>, and a choice of <strong>video player style</strong>. <em>(4.3.0)</em> — <a href="https://www.wpzoom.com/documentation/videozoom/videozoom-grid-list-layouts/">docs</a></li>
</ul>



<h2 id="h-updating" class="wp-block-heading">Updating</h2>



<p class="wp-block-paragraph">Videozoom 5.0 is a free update for all license holders — you&#8217;ll see it under <strong>Dashboard → Updates</strong>, or grab the ZIP from your <a href="https://www.wpzoom.com/account/">WPZOOM account</a>.</p>



<p class="wp-block-paragraph">One thing to do afterwards: <strong>clear the cache</strong> in any caching or optimization plugin, since so much of the front-end code changed.</p>



<p class="wp-block-paragraph">New to Videozoom? <a href="https://demo.wpzoom.com/videozoom/">See the demo</a> or <a href="https://www.wpzoom.com/documentation/videozoom/">read the documentation</a> — and let us know what you build with it.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.wpzoom.com/blog/videozoom-5-0-editorial-design/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>What&#8217;s New in WPZOOM Portfolio: Static Galleries, Albums &#038; Photo Proofing</title>
		<link>https://www.wpzoom.com/blog/static-galleries-albums-photo-proofing/</link>
					<comments>https://www.wpzoom.com/blog/static-galleries-albums-photo-proofing/#respond</comments>
		
		<dc:creator><![CDATA[Pavel Ciorici]]></dc:creator>
		<pubDate>Tue, 25 Aug 2026 09:37:24 +0000</pubDate>
				<category><![CDATA[Releases]]></category>
		<guid isPermaLink="false">https://www.wpzoom.com/?p=826124</guid>

					<description><![CDATA[Static galleries from the Media Library, per-project photo albums, and private client proofing — a tour of the newest features in WPZOOM Portfolio and Portfolio PRO.]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-full"><img decoding="async" width="2700" height="1575" src="https://www.wpzoom.com/wp-content/uploads/2026/08/wpzoom-portfolio-update-1.png" alt="" class="wp-image-826152" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/wpzoom-portfolio-update-1.png 2700w, https://www.wpzoom.com/wp-content/uploads/2026/08/wpzoom-portfolio-update-1-734x428.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/wpzoom-portfolio-update-1-768x448.png 768w, https://www.wpzoom.com/wp-content/uploads/2026/08/wpzoom-portfolio-update-1-1024x597.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/wpzoom-portfolio-update-1-1536x896.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/wpzoom-portfolio-update-1-2048x1195.png 2048w, https://www.wpzoom.com/wp-content/uploads/2026/08/wpzoom-portfolio-update-1-374x218.png 374w" sizes="(max-width: 2700px) 100vw, 2700px" /></figure>



<p class="wp-block-paragraph">The past few releases of <a href="https://www.wpzoom.com/plugins/portfolio-pro/">WPZOOM Portfolio</a> have been our biggest since the plugin launched — and they push it well beyond a classic portfolio grid. You can now build a gallery <strong>straight from your Media Library</strong> without creating a single post, attach a whole <strong>album</strong> to any project, and even let clients <strong>pick and approve their photos</strong> through a private link.</p>



<p class="wp-block-paragraph">Here&#8217;s a tour of what&#8217;s new in <strong>WPZOOM Portfolio</strong>:</p>



<span id="more-826124"></span>



<h2 id="h-static-galleries-a-portfolio-without-portfolio-posts" class="wp-block-heading">Static Galleries: a portfolio without portfolio posts</h2>



<p class="wp-block-paragraph">Sometimes you don&#8217;t need projects, case studies or single pages — you just want a beautiful wall of images. The Portfolio block now has a <strong>Portfolio Items Source</strong> option: switch it from <em>Custom Posts</em> to <strong>Images</strong>, pick photos from the Media Library, and you&#8217;re done.</p>



<figure class="wp-block-image size-full is-resized is-style-shadow"><img decoding="async" width="2908" height="1556" src="https://www.wpzoom.com/wp-content/uploads/2026/08/static-gallery-wpzoom.png" alt="A static gallery built from Media Library images, with a uniform 1:1 aspect ratio" class="wp-image-826126" style="width:1000px;height:auto" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/static-gallery-wpzoom.png 2908w, https://www.wpzoom.com/wp-content/uploads/2026/08/static-gallery-wpzoom-734x393.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/static-gallery-wpzoom-766x410.png 766w, https://www.wpzoom.com/wp-content/uploads/2026/08/static-gallery-wpzoom-1024x548.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/static-gallery-wpzoom-1536x822.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/static-gallery-wpzoom-2048x1096.png 2048w, https://www.wpzoom.com/wp-content/uploads/2026/08/static-gallery-wpzoom-374x200.png 374w" sizes="(max-width: 2908px) 100vw, 2908px" /></figure>



<p class="wp-block-paragraph">A few details we&#8217;re proud of:</p>



<ul class="wp-block-list">
<li>an <strong>Aspect Ratio</strong> option (1:1, 4:3, 3:2, 16:9 and more) crops every image to the same shape for a perfectly even grid — or keep <em>Original</em> for a more organic look;</li>



<li>titles can show below the images or <strong>on hover only</strong>;</li>



<li>clicking any image opens the familiar <strong>lightbox</strong>, where visitors browse the whole gallery with arrow keys.</li>
</ul>



<p class="wp-block-paragraph">Static galleries work in the <strong>free version</strong> — this isn&#8217;t a PRO-only feature. <a href="https://www.wpzoom.com/documentation/wpzoom-portfolio-grid/portfolio-static-gallery/">Read the docs →</a></p>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://demo.wpzoom.com/portfolio-pro/static-gallery/">View Demo</a></div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-album-gallery-one-project-many-photos-pro" class="wp-block-heading">Album Gallery: one project, many photos <em>(PRO)</em></h2>



<p class="wp-block-paragraph">Portfolio grids traditionally show one featured image per project. With the new <strong>Album Gallery</strong> in WPZOOM Portfolio PRO, every portfolio item can carry a set of extra images — and visitors open them as a slideshow right from the grid.</p>



<p class="wp-block-paragraph">Hover a <a href="https://demo.wpzoom.com/portfolio-pro/">project</a> that has an album and you&#8217;ll see the new <strong>View Album</strong> action:</p>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" width="1418" height="1014" src="https://www.wpzoom.com/wp-content/uploads/2026/08/Pasted_Image_25_08_2026__09_29.png" alt="The View Album action on hover" class="wp-image-826127" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/Pasted_Image_25_08_2026__09_29.png 1418w, https://www.wpzoom.com/wp-content/uploads/2026/08/Pasted_Image_25_08_2026__09_29-734x525.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/Pasted_Image_25_08_2026__09_29-768x549.png 768w, https://www.wpzoom.com/wp-content/uploads/2026/08/Pasted_Image_25_08_2026__09_29-1024x732.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/Pasted_Image_25_08_2026__09_29-700x500.png 700w, https://www.wpzoom.com/wp-content/uploads/2026/08/Pasted_Image_25_08_2026__09_29-1400x1000.png 1400w, https://www.wpzoom.com/wp-content/uploads/2026/08/Pasted_Image_25_08_2026__09_29-375x268.png 375w" sizes="(max-width: 1418px) 100vw, 1418px" /></figure>



<p class="wp-block-paragraph">One click opens the full album in the lightbox, complete with captions and navigation:</p>



<figure class="wp-block-image size-full is-resized is-style-shadow"><img decoding="async" width="2000" height="1500" src="https://www.wpzoom.com/wp-content/uploads/2026/08/album-lightbox-27269b.jpg" alt="The album lightbox" class="wp-image-826119" style="width:1000px;height:auto" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/album-lightbox-27269b.jpg 2000w, https://www.wpzoom.com/wp-content/uploads/2026/08/album-lightbox-27269b-734x551.jpg 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/album-lightbox-27269b-1024x768.jpg 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/album-lightbox-27269b-1536x1152.jpg 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/album-lightbox-27269b-375x281.jpg 375w" sizes="(max-width: 2000px) 100vw, 2000px" /></figure>



<p class="wp-block-paragraph">Setting it up takes seconds: a new <strong>Album Gallery</strong> panel sits right under the Featured Image when you edit a portfolio post — <em>Set album images</em>, pick the photos, done. It&#8217;s perfect for photographers showing a whole shoot, designers presenting process shots, or agencies documenting a project from brief to launch. <a href="https://www.wpzoom.com/documentation/wpzoom-portfolio-grid/portfolio-album-gallery/">Read the docs →</a></p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="470" src="https://www.wpzoom.com/wp-content/uploads/2026/08/add-photo-album-1024x470.png" alt="" class="wp-image-826128" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/add-photo-album-1024x470.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/add-photo-album-734x337.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/add-photo-album-768x352.png 768w, https://www.wpzoom.com/wp-content/uploads/2026/08/add-photo-album-1536x704.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/add-photo-album-2048x939.png 2048w, https://www.wpzoom.com/wp-content/uploads/2026/08/add-photo-album-373x171.png 373w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-photo-proofing-let-clients-pick-their-photos-pro" class="wp-block-heading">Photo Proofing: let clients pick their photos <em>(PRO)</em></h2>



<p class="wp-block-paragraph">This one is for photographers. <strong>Photo Proofing</strong> gives every shoot a private, link-protected gallery where your client selects the photos they want — no account, no third-party proofing service, no monthly fee.</p>



<figure class="wp-block-image size-full is-resized is-style-shadow"><img decoding="async" width="2000" height="1500" src="https://www.wpzoom.com/wp-content/uploads/2026/08/proofing-real-a08712.jpg" alt="A client selecting photos in a proofing gallery" class="wp-image-826122" style="width:1000px;height:auto" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/proofing-real-a08712.jpg 2000w, https://www.wpzoom.com/wp-content/uploads/2026/08/proofing-real-a08712-734x551.jpg 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/proofing-real-a08712-1024x768.jpg 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/proofing-real-a08712-1536x1152.jpg 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/proofing-real-a08712-375x281.jpg 375w" sizes="(max-width: 2000px) 100vw, 2000px" /></figure>



<p class="wp-block-paragraph">The flow is exactly what you&#8217;d expect:</p>



<ol class="wp-block-list">
<li>Create a gallery under <strong>Portfolio → Photo Proofing</strong> and add the photos.</li>



<li>Send your client the <strong>secret link</strong> (regenerate it anytime).</li>



<li>They click to select, then <strong>approve the selection</strong> — which locks the gallery.</li>



<li>You get an <strong>email with the selected filenames</strong>, ready to paste into Lightroom.</li>
</ol>



<p class="wp-block-paragraph">Proofing pages are hidden from search engines, unreachable without the secret key, and clients can&#8217;t download the files — delivery stays in your hands. <a href="https://www.wpzoom.com/documentation/wpzoom-portfolio-grid/portfolio-photo-proofing/">Read the docs →</a></p>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://demo.wpzoom.com/portfolio-pro/photo-proofing/">View Demo</a></div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-the-grid-itself-got-better-too" class="wp-block-heading">The grid itself got better, too</h2>



<p class="wp-block-paragraph">If you haven&#8217;t updated in a while, a quick recap of what else landed recently in both versions:</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="984" src="https://www.wpzoom.com/wp-content/uploads/2026/08/image-12-1024x984.png" alt="" class="wp-image-826131" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/image-12-1024x984.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-12-734x706.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-12-768x738.png 768w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-12-1536x1477.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-12-374x360.png 374w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-12.png 2020w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ul class="wp-block-list">
<li><strong>Make Entire Item Clickable</strong> and a new <strong>On Item Click</strong> choice — send visitors to the project page or straight into the lightbox;</li>



<li><strong>Item Border Radius</strong> and refined <strong>Columns Gap</strong> controls for softer, more modern grids;</li>



<li>a native <strong>Elementor widget</strong> for embedding your saved Portfolio Layouts;</li>



<li><strong>Masonry</strong> and <strong>Eccentric</strong> <em>(PRO)</em> layouts keep getting polish, and hover <strong>background videos</strong> can now <a href="https://www.wpzoom.com/documentation/wpzoom-portfolio-grid/portfolio-video-lightbox-background/">autoplay permanently</a>, trim clips straight from a YouTube/Vimeo URL, and capture any video frame as the featured image.</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-how-to-get-the-new-features" class="wp-block-heading">How to get the new features</h2>



<ul class="wp-block-list">
<li><strong>WPZOOM Portfolio (free)</strong> — update to 1.4.32 from your WordPress dashboard, or <a href="https://wordpress.org/plugins/wpzoom-portfolio/">get it on WordPress.org</a>. Static galleries, the new click options and the Elementor widget are all included.</li>



<li><strong>WPZOOM Portfolio PRO</strong> — update to 1.4.0 (an <a href="https://www.wpzoom.com/documentation/wpzoom-portfolio-grid/pro-activate-your-license-key/">active license</a> enables one-click updates) or <a href="https://www.wpzoom.com/plugins/portfolio-pro/">see everything PRO adds</a> — albums, photo proofing, video lightboxes and backgrounds, the Eccentric layout and more.</li>
</ul>



<p class="wp-block-paragraph">As always, the <a href="https://www.wpzoom.com/documentation/wpzoom-portfolio-grid/">documentation</a> covers every option in detail — recently rewritten from scratch, with a guide for each of the features above. Pair WPZOOM Portfolio with one of our <a href="https://www.wpzoom.com/themes/photography/">WordPress photography themes</a> for a complete photographer website. If you build something nice with the new galleries, we&#8217;d love to see it!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.wpzoom.com/blog/static-galleries-albums-photo-proofing/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to Build an Online Course Website with EduBlock PRO</title>
		<link>https://www.wpzoom.com/blog/how-to-build-an-online-course-website-with-edublock-pro/</link>
					<comments>https://www.wpzoom.com/blog/how-to-build-an-online-course-website-with-edublock-pro/#respond</comments>
		
		<dc:creator><![CDATA[Maria Ansari]]></dc:creator>
		<pubDate>Wed, 12 Aug 2026 10:30:00 +0000</pubDate>
				<category><![CDATA[Site Crafting]]></category>
		<category><![CDATA[WPZOOM Tutorials]]></category>
		<category><![CDATA[education]]></category>
		<category><![CDATA[online course]]></category>
		<guid isPermaLink="false">https://www.wpzoom.com/?p=825623</guid>

					<description><![CDATA[Learn step-by-step how to build an online course website in WordPress using the EduBlock PRO theme, and best tips for building course pages.]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Online learning has never been more accessible (or more competitive). Which is why if you&#8217;re launching your first online course or expanding an existing education business, having your own online course website gives you complete control over your content, branding, and student experience.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1800" height="1050" src="https://www.wpzoom.com/wp-content/uploads/2026/08/How-to-Build-an-Online-Course-Website-with-EduBlock-PRO.jpg" alt="How to Build an Online Course Website With EduBlock PRO" class="wp-image-825682" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/How-to-Build-an-Online-Course-Website-with-EduBlock-PRO.jpg 1800w, https://www.wpzoom.com/wp-content/uploads/2026/08/How-to-Build-an-Online-Course-Website-with-EduBlock-PRO-734x428.jpg 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/How-to-Build-an-Online-Course-Website-with-EduBlock-PRO-1024x597.jpg 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/How-to-Build-an-Online-Course-Website-with-EduBlock-PRO-1536x896.jpg 1536w" sizes="(max-width: 1800px) 100vw, 1800px" /></figure>



<p class="wp-block-paragraph">Instead of relying on third-party marketplaces that charge fees and limit customization, you can build an online course website that reflects your unique teaching style and grows alongside your business.</p>



<p class="wp-block-paragraph">WordPress is an excellent platform for course creators thanks to its flexibility, extensive plugin ecosystem, and user-friendly editing experience. Pair it with <a href="https://www.wpzoom.com/themes/edublock-pro/">EduBlock PRO</a>, and you have everything you need to create a professional, modern online learning website. Its block-based design and Full Site Editing support make it easy to customize every part of your site.</p>



<span id="more-825623"></span>



<p class="wp-block-paragraph">In this guide, you&#8217;ll learn how to build an online course website with EduBlock PRO, from installing the theme to creating course pages and preparing your site for launch.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<div class="wp-block-yoast-seo-table-of-contents yoast-table-of-contents"><h2>Table of contents</h2><ul><li><a href="#h-why-choose-edublock-pro-for-an-online-course-website" data-level="2">Why Choose EduBlock PRO for an Online Course Website?</a></li><li><a href="#h-how-to-build-an-online-course-website-with-edublock-pro" data-level="2">How to Build an Online Course Website with EduBlock PRO</a><ul><li><a href="#h-step-1-install-wordpress-and-edublock-pro" data-level="3">Step #1: Install WordPress and EduBlock PRO</a></li><li><a href="#h-step-2-create-and-customize-your-homepage" data-level="3">Step #2: Create and Customize Your Homepage</a></li><li><a href="#h-step-3-create-course-pages" data-level="3">Step #3: Create Course Pages</a></li><li><a href="#h-step-4-preview" data-level="3">Step #4: Preview</a></li></ul></li><li><a href="#h-tips-for-growing-your-online-course-business" data-level="2">Tips for Growing Your Online Course Business</a></li><li><a href="#h-conclusion" data-level="2">Conclusion</a></li></ul></div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-why-choose-edublock-pro-for-an-online-course-website" class="wp-block-heading">Why Choose EduBlock PRO for an Online Course Website?</h2>



<p class="wp-block-paragraph"><a href="https://www.wpzoom.com/blog/how-to-choose-wordpress-theme/">The theme you choose</a> plays a big role in how quickly you can launch your website and how professional it looks to prospective students. EduBlock PRO is designed to simplify the website-building process while giving educators the flexibility to create a polished online presence.</p>



<p class="wp-block-paragraph">Built around WordPress&#8217;s <a href="https://www.wpzoom.com/docs/wordpress-full-site-editing-block-themes/">Full Site Editing (FSE)</a> experience, EduBlock PRO lets you customize your website using blocks instead of relying on complex page builders or custom code. You can easily adjust layouts, colors, typography, headers, and footers to match your personal brand or your client&#8217;s requirements.</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="650" src="https://www.wpzoom.com/wp-content/uploads/2026/08/edublock-homepage-1024x650.png" alt="EduBlock PRO homepage" class="wp-image-825627" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/edublock-homepage-1024x650.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/edublock-homepage-734x466.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/edublock-homepage-1536x975.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/edublock-homepage.png 2014w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">The <a href="https://www.wpzoom.com/themes/education/">education WordPress theme</a> also includes professionally designed templates that help you create an engaging homepage, highlight your courses, introduce yourself as an instructor, and guide visitors toward enrolling. Since the theme is fully responsive, your website will look great on desktops, tablets, and smartphones, ensuring students can access your content from any device.</p>



<p class="wp-block-paragraph">Performance is another advantage. A fast-loading website creates a better user experience and can positively impact search engine rankings, helping more learners discover your courses.</p>



<p class="wp-block-paragraph">If you plan to offer structured lessons, quizzes, or student progress tracking, EduBlock PRO works well alongside popular WordPress LMS plugins. The theme provides the visual foundation for your website, while your preferred LMS plugin handles course management and student features.</p>



<p class="wp-block-paragraph">Whether you&#8217;re an independent course creator, coach, educator, or a freelancer building websites for clients, EduBlock PRO offers an intuitive editing experience and the flexibility to create an online course website that can grow with your business.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-how-to-build-an-online-course-website-with-edublock-pro" class="wp-block-heading">How to Build an Online Course Website with EduBlock PRO</h2>



<p class="wp-block-paragraph">Follow these simple steps to create a professional online course website in WordPress.</p>



<h3 id="h-step-1-install-wordpress-and-edublock-pro" class="wp-block-heading">Step #1: Install WordPress and EduBlock PRO</h3>



<p class="wp-block-paragraph">Before you can start designing your online course website, you&#8217;ll need a working WordPress installation and the EduBlock PRO theme. If your hosting provider doesn&#8217;t automatically install WordPress, most offer a one-click installer that gets you started in just a few minutes.</p>



<p class="wp-block-paragraph">Once WordPress is ready, go to <strong>Appearance → Themes</strong> from your dashboard and click <strong>Add New</strong>, select the EduBlock Pro ZIP file, install it, and click <strong>Activate</strong>.</p>



<p class="wp-block-paragraph">After activation, go to <strong>WPZOOM → Demo &amp; Settings → License Key</strong> to activate your license key and start using the theme.</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="1003" src="https://www.wpzoom.com/wp-content/uploads/2026/08/import-demo-content-1024x1003.png" alt="Import demo content" class="wp-image-825624" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/import-demo-content-1024x1003.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/import-demo-content-734x719.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/import-demo-content-1536x1504.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/import-demo-content.png 1834w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Next, go to the <strong>Quick Start</strong> tab from the same screen and follow the step-by-step instructions to:</p>



<ol class="wp-block-list">
<li>Choose a demo</li>



<li>Install required plugins</li>



<li>Import demo</li>
</ol>



<p class="wp-block-paragraph">Once you’ve clicked the <strong>Import demo content</strong> button, the EduBlock PRO theme will automatically import professionally designed pages and layouts for you. This means you can customize pages instead of building everything from scratch.</p>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" width="905" height="547" src="https://www.wpzoom.com/wp-content/uploads/2026/08/demo-content-importer-screen.png" alt="Demo content importer screen WordPress" class="wp-image-825625" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/demo-content-importer-screen.png 905w, https://www.wpzoom.com/wp-content/uploads/2026/08/demo-content-importer-screen-734x444.png 734w" sizes="(max-width: 905px) 100vw, 905px" /></figure>



<p class="wp-block-paragraph">The <strong>Demo content importer </strong>will give you a quick overview of the process and let you configure advanced settings, if you’d like. At this stage, most users can simply click the <strong>Start importing </strong>button and move on to the next step.</p>


<div class="wp-block-image is-style-shadow">
<figure class="aligncenter size-full"><img decoding="async" width="511" height="389" src="https://www.wpzoom.com/wp-content/uploads/2026/08/demo-content-imported.png" alt="Demo content imported screen" class="wp-image-825626"/></figure>
</div>


<p class="wp-block-paragraph">When it’s done importing the demo content, click the <strong>View site </strong>button to see what your website looks like on the front-end.</p>



<p class="wp-block-paragraph">Next, click the <strong>Edit your Site</strong> button to start customizing your online course website and adding your own material to it.</p>



<h3 id="h-step-2-create-and-customize-your-homepage" class="wp-block-heading">Step #2: Create and Customize Your Homepage</h3>



<p class="wp-block-paragraph">Your homepage is often the first impression potential students will have of your website, so it should clearly communicate who you are, what you teach, and why visitors should enroll in your courses.</p>



<p class="wp-block-paragraph">EduBlock Pro makes this easy with its professionally designed, block-based layouts that you can customize without writing code. From the WordPress dashboard, go to <strong>Pages → Homepage</strong>. It should look something like this:</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="650" src="https://www.wpzoom.com/wp-content/uploads/2026/08/edublock-homepage-1024x650.png" alt="EduBlock PRO homepage" class="wp-image-825627" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/edublock-homepage-1024x650.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/edublock-homepage-734x466.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/edublock-homepage-1536x975.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/edublock-homepage.png 2014w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Replace the demo content with your own branding by uploading your logo, choosing your brand colors, and selecting fonts that match your teaching style.</p>



<p class="wp-block-paragraph">Start with a compelling hero section that includes a clear headline, a short description of your courses, and a prominent call-to-action button such as “Browse Courses” or “Enroll Now”. This immediately tells visitors what your website offers and encourages them to take the next step.</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="650" src="https://www.wpzoom.com/wp-content/uploads/2026/08/homepage-hero-section-custom-1024x650.png" alt="Homepage with custom copy" class="wp-image-825628" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/homepage-hero-section-custom-1024x650.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/homepage-hero-section-custom-734x466.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/homepage-hero-section-custom-1536x975.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/homepage-hero-section-custom.png 2014w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Next, add sections that build trust and highlight your expertise. Introduce yourself with a brief instructor bio, showcase your featured courses using image and text blocks, and include testimonials from past students if available. You can also add a section explaining what students will learn, frequently asked questions, or logos of organizations you&#8217;ve worked with to establish credibility.</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="475" src="https://www.wpzoom.com/wp-content/uploads/2026/08/testimonial-section-1024x475.png" alt="Testimonial section" class="wp-image-825629" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/testimonial-section-1024x475.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/testimonial-section-734x341.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/testimonial-section-1536x713.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/testimonial-section.png 2012w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Finally, include an email signup form so visitors can subscribe for updates, free lessons, or future course launches. Building an email list gives you a direct way to stay connected with potential students, even if they aren&#8217;t ready to enroll right away.</p>



<p class="wp-block-paragraph">Take a few minutes to preview your homepage on desktop, tablet, and mobile devices to ensure every section looks polished and easy to navigate.</p>



<h3 id="h-step-3-create-course-pages" class="wp-block-heading">Step #3: Create Course Pages</h3>



<p class="wp-block-paragraph">Well-designed course pages help visitors understand what they&#8217;ll learn and encourage them to enroll. EduBlock PRO comes with a pre-built <strong>Academics </strong>page that you can start with and customize as necessary. Just replace the text with your own so you can present the information in a clear, organized format.</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="648" src="https://www.wpzoom.com/wp-content/uploads/2026/08/course-page-1024x648.png" alt="Online course page" class="wp-image-825630" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/course-page-1024x648.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/course-page-734x465.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/course-page-1536x972.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/course-page.png 2011w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Start with a compelling course title and a brief introduction that explains who the course is for and the problem it helps solve. Then outline the learning outcomes, course curriculum, estimated duration, and any prerequisites. If your course includes videos, downloadable resources, or quizzes, mention these features so students know what to expect.</p>



<p class="wp-block-paragraph">To build trust, add an instructor bio, student testimonials, or frequently asked questions. Include high-quality images or a short preview video to give visitors a better sense of your teaching style and course content.</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="875" height="1024" src="https://www.wpzoom.com/wp-content/uploads/2026/08/course-page-detail-875x1024.png" alt="Course page detail" class="wp-image-825631" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/course-page-detail-875x1024.png 875w, https://www.wpzoom.com/wp-content/uploads/2026/08/course-page-detail-627x734.png 627w, https://www.wpzoom.com/wp-content/uploads/2026/08/course-page-detail-1313x1536.png 1313w, https://www.wpzoom.com/wp-content/uploads/2026/08/course-page-detail-1750x2048.png 1750w, https://www.wpzoom.com/wp-content/uploads/2026/08/course-page-detail.png 1997w" sizes="(max-width: 875px) 100vw, 875px" /></figure>



<p class="wp-block-paragraph">Finish the page with a clear call-to-action, such as “Enroll Now” or “Get Started Today”, making it easy for prospective students to take the next step.</p>



<h3 id="h-step-4-preview" class="wp-block-heading">Step #4: Preview</h3>



<p class="wp-block-paragraph">Before publishing your website, preview it to ensure everything looks and functions as expected. Check each page on desktop, tablet, and mobile devices, test your navigation menus, and verify that buttons, links, and forms work correctly.</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="755" src="https://www.wpzoom.com/wp-content/uploads/2026/08/about-page-1024x755.png" alt="About page online course website" class="wp-image-825632" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/about-page-1024x755.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/about-page-734x541.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/about-page-1536x1133.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/about-page-2048x1510.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Review your course pages for formatting issues, spelling mistakes, and broken images. A final quality check helps you deliver a polished, professional learning experience from day one.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-tips-for-growing-your-online-course-business" class="wp-block-heading">Tips for Growing Your Online Course Business</h2>



<p class="wp-block-paragraph">Launching your website is just the beginning. To attract more students and build a sustainable online education business, you&#8217;ll need a consistent marketing strategy that keeps your audience engaged.</p>



<p class="wp-block-paragraph">Start by publishing helpful blog posts that answer common questions related to your niche. Educational content can improve your search engine visibility and introduce potential students to your expertise. Complement your blog with free resources, such as checklists, downloadables, templates, or mini-lessons, to encourage visitors to join your email list.</p>



<p class="wp-block-paragraph">Email marketing is one of the most effective ways to nurture leads. Share valuable tips, announce new courses, and keep subscribers informed about upcoming events or promotions. You can also expand your reach by creating short educational videos for platforms like YouTube or social media.</p>



<p class="wp-block-paragraph">As your student community grows, showcase testimonials and reviews to build trust with future learners. Continue optimizing your website for SEO so more people can discover your content through search engines.</p>



<p class="wp-block-paragraph">Finally, keep your courses up to date and consider expanding your offerings with memberships, coaching programs, workshops, or downloadable resources. Regularly improving your content and adding new learning opportunities helps keep existing students engaged while attracting new ones over time.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-conclusion" class="wp-block-heading">Conclusion</h2>



<p class="wp-block-paragraph">Learning how to build an online course website doesn&#8217;t have to be complicated. With WordPress and EduBlock PRO, you can create a professional website that showcases your expertise, promotes your courses, and provides an engaging experience for your students.</p>



<p class="wp-block-paragraph">From installing the theme and customizing your homepage to creating course pages and preparing your site for launch, each step helps you build a strong foundation for your online education business. As your audience grows, you can continue expanding your website with new courses, blog content, email marketing, and additional learning resources.</p>



<p class="wp-block-paragraph">Start building with <a href="https://www.wpzoom.com/themes/edublock-pro/">EduBlock PRO</a> today and create an online learning platform that&#8217;s ready to grow with your business.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.wpzoom.com/blog/how-to-build-an-online-course-website-with-edublock-pro/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Introducing the AI Demo Generator for Inspiro</title>
		<link>https://www.wpzoom.com/blog/ai-demo-generator-inspiro/</link>
					<comments>https://www.wpzoom.com/blog/ai-demo-generator-inspiro/#respond</comments>
		
		<dc:creator><![CDATA[Pavel Ciorici]]></dc:creator>
		<pubDate>Sat, 08 Aug 2026 07:51:36 +0000</pubDate>
				<category><![CDATA[Releases]]></category>
		<guid isPermaLink="false">https://www.wpzoom.com/?p=825668</guid>

					<description><![CDATA[Every WordPress theme ships with demos. You browse the library, find the one that looks closest to what you had in mind, import it — and then spend the next few hours deleting a stock bakery&#8217;s opening hours, rewriting a fictional agency&#8217;s team bios, and hunting for photos that actually [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-full"><img decoding="async" width="1619" height="971" src="https://www.wpzoom.com/wp-content/uploads/2026/08/inspiro-ai-demo.png" alt="" class="wp-image-825690" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/inspiro-ai-demo.png 1619w, https://www.wpzoom.com/wp-content/uploads/2026/08/inspiro-ai-demo-734x440.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/inspiro-ai-demo-1024x614.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/inspiro-ai-demo-1536x921.png 1536w" sizes="(max-width: 1619px) 100vw, 1619px" /></figure>



<p class="wp-block-paragraph">Every WordPress theme ships with demos. You browse the library, find the one that looks closest to what you had in mind, import it — and then spend the next few hours deleting a stock bakery&#8217;s opening hours, rewriting a fictional agency&#8217;s team bios, and hunting for photos that actually match your business.</p>



<p class="wp-block-paragraph">We think there is a better way. Today we are introducing the <strong>AI Demo Generator</strong> for Inspiro: instead of picking the demo that is <em>closest</em> to your idea, you simply describe the website you need — and Inspiro builds it for you in about two minutes.</p>



<span id="more-825668"></span>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<div class="wp-block-yoast-seo-table-of-contents yoast-table-of-contents"><h2>Table of contents</h2><ul><li><a href="#the-problem-with-one-size-fits-all-demos" data-level="2">The problem with one-size-fits-all demos</a></li><li><a href="#how-it-works" data-level="2">How it works</a></li><li><a href="#what-you-actually-get" data-level="2">What you actually get</a></li><li><a href="#its-all-native-blocks" data-level="2">It&#8217;s all native blocks — no lock-in</a></li><li><a href="#choose-the-look" data-level="2">Choose the look, or let AI decide</a></li><li><a href="#how-many-demos" data-level="2">How many demos can you generate?</a></li><li><a href="#get-started" data-level="2">How to get started</a></li><li><a href="#its-a-beta" data-level="2">This is a Beta — tell us what you think</a></li></ul></div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="the-problem-with-one-size-fits-all-demos" class="wp-block-heading">The problem with one-size-fits-all demos</h2>



<p class="wp-block-paragraph">Demo importers were a genuine leap forward for WordPress. Instead of staring at an empty site, you get a finished layout to work backwards from. Inspiro has shipped them for years, and our Premium starter sites library keeps growing.</p>



<p class="wp-block-paragraph">But a demo library has a hard limit: it can only contain the sites somebody thought to design in advance. If you run a mobile bike-repair service, a ceramics studio that also teaches weekend classes, or a two-person law firm specialising in maritime cases, the closest demo is never actually <em>your</em> business. So the import is only the beginning — the real work is replacing every last piece of content that belongs to somebody else.</p>



<p class="wp-block-paragraph">The <strong>AI Demo Generator</strong> flips that around. The starting point is your business, described in your own words.</p>



<h2 id="how-it-works" class="wp-block-heading">How it works</h2>



<figure class="wp-block-image size-full is-style-shadow"><img decoding="async" width="3038" height="896" src="https://www.wpzoom.com/wp-content/uploads/2026/08/image.png" alt="" class="wp-image-825660" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/image.png 3038w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-734x216.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-1024x302.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-1536x453.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-2048x604.png 2048w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-375x111.png 375w" sizes="(max-width: 3038px) 100vw, 3038px" /></figure>



<h3 id="h-1-describe-your-website" class="wp-block-heading">1. Describe your website</h3>



<p class="wp-block-paragraph">Open <strong>Import Demo</strong> in your Inspiro dashboard and type a sentence or two about the site you need. Something like:</p>



<p class="wp-block-paragraph"><strong><em>A website for a small coffee roastery in Portland that sells beans online and hosts tasting events.</em></strong></p>



<p class="wp-block-paragraph">Short on inspiration? <strong>View ideas</strong> gives you ready-made prompts to start from, and <strong>Enhance with AI</strong> turns a bare sentence into a richer brief — inventing a fitting business name, a location and a few services you can edit before continuing.</p>



<h3 id="h-2-review-the-plan" class="wp-block-heading">2. Review the plan</h3>



<p class="wp-block-paragraph">The AI proposes a page structure for your site — usually four to six pages, each with a short brief. You stay in control here: rename pages, remove the ones you do not need, or add your own. Nothing is created until you approve it.</p>



<h3 id="h-3-watch-it-build" class="wp-block-heading">3. Watch it build</h3>



<p class="wp-block-paragraph">Hit <strong>Generate demo</strong> and, in roughly two minutes, Inspiro designs your site&#8217;s visual identity, writes the copy, sources photography, builds every page, then sets up your navigation menu, footer and homepage. You end up on a finished website — not a blank canvas with good intentions.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="2570" height="1696" src="https://www.wpzoom.com/wp-content/uploads/2026/08/image-2.png" alt="" class="wp-image-825664" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/image-2.png 2570w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-2-734x484.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-2-1024x676.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-2-1536x1014.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-2-2048x1352.png 2048w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-2-375x247.png 375w" sizes="(max-width: 2570px) 100vw, 2570px" /></figure>



<h2 id="what-you-actually-get" class="wp-block-heading">What you actually get</h2>



<p class="wp-block-paragraph">This is where the generator differs from a text-writing assistant. It does not hand you a wall of copy to paste in yourself — it assembles a working WordPress site:</p>



<ul class="wp-block-list">
<li><strong>Designed pages</strong> with a visual identity created for your business — its own typography, spacing and color palette.</li>



<li><strong>Real photography</strong> from Pexels, downloaded straight into your Media Library and chosen to match what you described.</li>



<li><strong>A navigation menu</strong> and a homepage, already assigned and ready to view.</li>



<li><strong>A blog</strong> with posts and a properly assigned posts page, when your site calls for one.</li>



<li><strong>A portfolio</strong> with categorised projects for creative businesses — the free WPZOOM Portfolio plugin is installed automatically if it is needed.</li>



<li><strong>A working contact form</strong>, not a picture of one.</li>



<li><strong>Matching theme settings</strong> — the accent color from your demo&#8217;s palette is applied to the theme itself, so everything lines up.</li>
</ul>



<p class="wp-block-paragraph">Fonts are downloaded and served from your own server rather than Google&#8217;s, so your visitors&#8217; browsers never phone home — a small detail that matters if GDPR is on your mind.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="4138" height="3514" src="https://www.wpzoom.com/wp-content/uploads/2026/08/image-4.png" alt="" class="wp-image-825673" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/image-4.png 4138w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-4-734x623.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-4-1024x870.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-4-1536x1304.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-4-2048x1739.png 2048w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-4-375x318.png 375w" sizes="(max-width: 4138px) 100vw, 4138px" /></figure>



<h2 id="its-all-native-blocks" class="wp-block-heading">It&#8217;s all native blocks — no lock-in</h2>



<p class="wp-block-paragraph">We made one decision early that shaped everything else: whatever the AI generates has to be <strong>ordinary WordPress content</strong>.</p>



<p class="wp-block-paragraph">No proprietary page builder. No custom block library you would have to keep installed forever. No shortcodes that turn into gibberish the day you switch themes. Every generated page is built from the blocks WordPress already ships with — cover, columns, gallery, buttons, query loop — so you edit them in the block editor exactly like anything else you have ever published.</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="731" src="https://www.wpzoom.com/wp-content/uploads/2026/08/image-5-1024x731.png" alt="" class="wp-image-825676" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/image-5-1024x731.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-5-734x524.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-5-1536x1096.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-5-2048x1462.png 2048w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-5-700x500.png 700w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-5-1400x1000.png 1400w, https://www.wpzoom.com/wp-content/uploads/2026/08/image-5-375x268.png 375w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">That also means the AI is a starting point, not a dependency. Generate a demo, then rewrite the headline, swap a photo, delete a section, move things around. It is your site from the first second.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="choose-the-look" class="wp-block-heading">Choose the look, or let AI decide</h2>



<p class="wp-block-paragraph">If you have a direction in mind, you can steer the design before generating:</p>



<ul class="wp-block-list">
<li><strong>Design style</strong> — Minimal, Editorial, Big Type, Luxury, Corporate, Playful, Retro or Dark.</li>



<li><strong>Typography</strong> — Modern Sans, Geometric, Expressive, Serif Accent or Classic Serif.</li>



<li><strong>Color palette</strong> — your theme&#8217;s own palettes plus a set of brighter, modern ones.</li>
</ul>



<p class="wp-block-paragraph">Every one of them also offers <strong>Let AI decide</strong>, which is a perfectly good default — the design is chosen to suit the business you described. A film production studio and a neighbourhood bakery should not come out looking the same, and they don&#8217;t.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph"></p>



<h2 id="how-many-demos" class="wp-block-heading">How many demos can you generate?</h2>



<p class="wp-block-paragraph">Generating a site involves real AI and image processing on our servers, so there are limits — but we wanted everyone to be able to try it properly, not just look at a screenshot of it.</p>



<ul class="wp-block-list">
<li><strong>Inspiro Lite</strong> — the free theme on WordPress.org — includes <strong>3 free generations</strong>. Connect an email address and you are ready to go.</li>



<li><strong>Inspiro Premium</strong>, with an active license, includes <strong>10 generations</strong> — on top of the 50+ hand-designed starter sites you already get.</li>
</ul>



<p class="wp-block-paragraph">If a generation fails for any reason, it does not count against your total.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph"></p>



<h2 id="get-started" class="wp-block-heading">How to get started</h2>



<ol class="wp-block-list">
<li>Install <a href="https://wordpress.org/themes/inspiro/">Inspiro Lite</a> from WordPress.org, or activate <a href="https://www.wpzoom.com/themes/inspiro/">Inspiro Premium</a> if you already own it.</li>



<li>Install the free <a href="https://wordpress.org/plugins/inspiro-starter-sites/">Inspiro Starter Sites</a> plugin — the generator lives there, and the theme offers to install it for you in one click.</li>



<li>Go to <strong>Import Demo</strong>, connect your email, describe your website, and generate.</li>
</ol>



<p class="wp-block-paragraph">The full walkthrough, including what gets created and how to manage or delete generated demos, is in our <a href="https://www.wpzoom.com/documentation/inspiro-starter-sites/ai-demo-generator-getting-started/">AI Demo Generator documentation</a>.</p>



<h2 id="its-a-beta" class="wp-block-heading">This is a Beta — tell us what you think</h2>



<p class="wp-block-paragraph">We are shipping the AI Demo Generator as a Beta on purpose. It already produces sites we are genuinely proud of, but the interesting part starts now: the more descriptions real people write, the better we can make the designs it produces.</p>



<p class="wp-block-paragraph">So try it on something specific. Describe the oddest, most particular business you can think of, and see what comes back. If a demo turns out beautifully, we would love to see it. If something looks wrong, we want to know that even more — <a href="https://www.wpzoom.com/support/">tell our team</a> and it will feed straight into the next round of improvements.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph">Demo libraries will always have a place — sometimes you want to see exactly what you are getting before you commit. But when nothing in the library is quite <em>you</em>, you no longer have to settle for close enough.</p>



<p class="wp-block-paragraph"><strong>Describe your website, and let Inspiro build it.</strong> <a href="https://wordpress.org/themes/inspiro/">Get Inspiro Lite free</a> or <a href="https://www.wpzoom.com/themes/inspiro/">explore Inspiro Premium</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.wpzoom.com/blog/ai-demo-generator-inspiro/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to Build a Service Business Website</title>
		<link>https://www.wpzoom.com/blog/how-to-build-a-service-business-website/</link>
					<comments>https://www.wpzoom.com/blog/how-to-build-a-service-business-website/#respond</comments>
		
		<dc:creator><![CDATA[Maria Ansari]]></dc:creator>
		<pubDate>Thu, 06 Aug 2026 11:22:22 +0000</pubDate>
				<category><![CDATA[Site Crafting]]></category>
		<category><![CDATA[WPZOOM Tutorials]]></category>
		<guid isPermaLink="false">https://www.wpzoom.com/?p=825580</guid>

					<description><![CDATA[Learn step-by-step how to build a service business website with WordPress and the Inspiro theme from setup to launch.]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Every service business needs a professional online presence. Whether you run a marketing agency, construction company, law firm, consulting business, or local home service, your website is often the first impression potential customers have of your brand.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="597" src="https://www.wpzoom.com/wp-content/uploads/2026/08/How-to-Build-a-Service-Business-Website-1024x597.jpg" alt="How to Build a Service Business Website" class="wp-image-825614" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/How-to-Build-a-Service-Business-Website-1024x597.jpg 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/How-to-Build-a-Service-Business-Website-734x428.jpg 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/How-to-Build-a-Service-Business-Website-1536x896.jpg 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/How-to-Build-a-Service-Business-Website.jpg 1800w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">A well-designed website builds trust, showcases your expertise, and makes it easy for visitors to contact you or request your services.</p>



<p class="wp-block-paragraph">The good news is that you don&#8217;t need to hire a developer or start from scratch to build a service business website. With <a href="https://www.wpzoom.com/blog/benefits-of-wordpress/">WordPress</a> and the <a href="https://www.wpzoom.com/themes/inspiro/">Inspiro</a> theme, you can create a modern, responsive service business website using professionally designed starter sites and intuitive customization tools.</p>



<span id="more-825580"></span>



<p class="wp-block-paragraph">In this tutorial, we&#8217;ll walk through the entire process, from installing Inspiro and importing a starter site to customizing your pages and launching your website.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<div class="wp-block-yoast-seo-table-of-contents yoast-table-of-contents"><h2>Table of contents</h2><ul><li><a href="#h-why-your-service-business-needs-a-website" data-level="2">Why Your Service Business Needs a Website</a></li><li><a href="#h-how-to-build-a-service-business-website-with-inspiro" data-level="2">How to Build a Service Business Website with Inspiro</a><ul><li><a href="#h-step-1-install-the-inspiro-theme" data-level="3">Step #1: Install the Inspiro Theme</a></li><li><a href="#h-step-2-choose-the-right-starter-site" data-level="3">Step #2: Choose the Right Starter Site</a></li><li><a href="#h-step-3-customize-your-website" data-level="3">Step #3: Customize Your Website</a></li><li><a href="#h-step-4-preview" data-level="3">Step #4: Preview</a></li></ul></li><li><a href="#h-6-common-mistakes-to-avoid-when-building-a-service-business-website" data-level="2">6 Common Mistakes to Avoid When Building a Service Business Website</a></li><li><a href="#h-why-inspiro-is-a-great-choice-for-service-business-websites" data-level="2">Why Inspiro Is a Great Choice for Service Business Websites</a></li><li><a href="#h-conclusion" data-level="2">Conclusion</a></li></ul></div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-why-your-service-business-needs-a-website" class="wp-block-heading">Why Your Service Business Needs a Website</h2>



<p class="wp-block-paragraph">Whether you&#8217;re launching a new business or expanding an established one, a professional website is one of your most valuable marketing assets. While social media platforms can help you reach new audiences, they shouldn&#8217;t be your only online presence. A website gives you complete control over your brand, content, and customer experience.</p>



<p class="wp-block-paragraph">More importantly, your website builds credibility. Before contacting a service provider, most people research online to learn about their experience, services, pricing, and customer reviews. A well-designed website helps answer these questions while creating a strong first impression that inspires confidence.</p>



<p class="wp-block-paragraph">Your website is also the perfect place to showcase your expertise. You can create dedicated service pages and location pages, highlight successful projects or case studies, publish testimonials, and introduce your team. These elements help potential clients understand what you offer and why they should choose your business over competitors.</p>



<p class="wp-block-paragraph">Unlike social media profiles, your website works around the clock. Visitors can discover your business through search engines, browse your services, submit contact forms, request quotes, or even book appointments at any time of day.</p>



<p class="wp-block-paragraph">If you decide to sell consultations, service packages, or digital products, you can also integrate WooCommerce to accept payments directly from your site.</p>



<p class="wp-block-paragraph">Finally, a service business website supports long-term growth through <a href="https://www.wpzoom.com/blog/wordpress-seo/">search engine optimization (SEO)</a>. By publishing helpful content and optimizing your pages for relevant keywords, you can attract qualified visitors from Google and generate a steady stream of leads without relying solely on paid advertising or social media algorithms.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-how-to-build-a-service-business-website-with-inspiro" class="wp-block-heading">How to Build a Service Business Website with Inspiro</h2>



<p class="wp-block-paragraph">Follow these simple steps to create a professional service business website using the Inspiro theme:</p>



<h3 id="h-step-1-install-the-inspiro-theme" class="wp-block-heading">Step #1: Install the Inspiro Theme</h3>



<p class="wp-block-paragraph">The first step is to install <a href="https://www.wpzoom.com/themes/inspiro/">Inspiro</a>. Inspiro is a flexible WordPress theme designed for businesses, agencies, and creative professionals. It includes dozens of professionally designed starter sites, making it easy to launch a polished website without building or designing every page from scratch.</p>



<p class="wp-block-paragraph">After purchasing and downloading the theme from WPZOOM, log in to your WordPress dashboard and navigate to <strong>Appearance → Themes → Add New → Upload Theme</strong>. Select the Inspiro ZIP file, click <strong>Install Now</strong>, and then <strong>Activate</strong> the theme.</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="467" src="https://www.wpzoom.com/wp-content/uploads/2026/08/install-inspiro-1024x467.png" alt="Install Inspiro" class="wp-image-825584" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/install-inspiro-1024x467.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/install-inspiro-734x334.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/install-inspiro-1536x700.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/install-inspiro.png 1905w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Next, install the recommended WPZOOM plugins when prompted. These plugins enable features such as one-click demo imports and additional customization options. This will make it even easier to get your service business website up and running in minutes.</p>



<p class="wp-block-paragraph">Once everything is installed, open the <strong>WPZOOM Demo Importer</strong> and browse the available starter sites. With just a few clicks, you can import a complete website, including pages, layouts, images, and navigation menus, as the foundation for your service business website.</p>



<h3 id="h-step-2-choose-the-right-starter-site" class="wp-block-heading">Step #2: Choose the Right Starter Site</h3>



<p class="wp-block-paragraph">With Inspiro installed, the next step is choosing a starter site that best matches your service business. Instead of designing every page from scratch, you can begin with a professionally built website and customize it to fit your brand. This can save hours of work while ensuring your site has a polished, modern design from the get-go.</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="602" src="https://www.wpzoom.com/wp-content/uploads/2026/08/inspiro-starter-sites-1024x602.png" alt="Inspiro starter sites" class="wp-image-825585" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/inspiro-starter-sites-1024x602.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/inspiro-starter-sites-734x431.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/inspiro-starter-sites-1536x902.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/inspiro-starter-sites.png 1833w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Inspiro comes with <a href="https://www.wpzoom.com/themes/inspiro/starter-sites/">50+ starter sites</a>, many of which are designed specifically for service-based businesses, including:</p>



<ul class="wp-block-list">
<li>Digital marketing agency</li>



<li>AI automation agency</li>



<li>Creative studio</li>



<li>Solar contractor</li>



<li>HVAC company</li>



<li>Cargo and logistics provider</li>



<li>Dentist</li>



<li>Moving company</li>



<li>Construction business</li>



<li>Real estate agency</li>



<li>Insurance firm</li>



<li>Coaching</li>



<li>Car rental company</li>



<li>Architecture practice</li>



<li>Wellness spa</li>



<li>Gym</li>



<li>Law firm</li>



<li>Financial services business</li>
</ul>



<p class="wp-block-paragraph">Each starter site includes thoughtfully designed pages, navigation menus, and content sections that you can replace with your own text and images. You can preview every design through its live demo before importing it into WordPress.</p>



<p class="wp-block-paragraph">For this tutorial, we&#8217;ll use the <a href="https://www.wpzoom.com/themes/inspiro/starter-sites/agency/">Agency / Business starter site</a> as an example.</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="675" src="https://www.wpzoom.com/wp-content/uploads/2026/08/agency-business-starter-site-1024x675.png" alt="Agency/Business starter site" class="wp-image-825587" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/agency-business-starter-site-1024x675.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/agency-business-starter-site-734x484.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/agency-business-starter-site-1536x1013.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/agency-business-starter-site.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">It&#8217;s an excellent choice for digital agencies and other professional service businesses because it features a clean homepage, prominent call-to-action buttons, service sections, client testimonials, and space to showcase your portfolio or case studies.</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="648" src="https://www.wpzoom.com/wp-content/uploads/2026/08/inspiro-agency-pages-1024x648.png" alt="Inspiro Agency/Business starter site pages" class="wp-image-825591" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/inspiro-agency-pages-1024x648.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/inspiro-agency-pages-734x464.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/inspiro-agency-pages-1536x972.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/inspiro-agency-pages.png 1985w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Once you&#8217;ve imported the starter site, you can easily customize the colors, typography, logo, and images to match your branding, creating a website that looks unique while taking advantage of Inspiro&#8217;s professionally designed foundation.</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="675" src="https://www.wpzoom.com/wp-content/uploads/2026/08/demo-content-importer-1024x675.png" alt="Demo content importer" class="wp-image-825589" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/demo-content-importer-1024x675.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/demo-content-importer-734x484.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/demo-content-importer-1536x1013.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/demo-content-importer.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 id="h-step-3-customize-your-website" class="wp-block-heading">Step #3: Customize Your Website</h3>



<p class="wp-block-paragraph">With your starter site imported, it&#8217;s time to make it your own. <a href="https://www.wpzoom.com/documentation/inspiro/using-the-block-editor-with-inspiro-premium/">Inspiro is fully compatible with the WordPress Block Editor</a>, allowing you to <a href="https://www.wpzoom.com/blog/how-to-customize-wordpress-theme/">customize pages</a> without touching any code. Start by uploading your site&#8217;s logo and setting your brand colors by heading over to <strong>Appearance → Customize</strong>.</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="675" src="https://www.wpzoom.com/wp-content/uploads/2026/08/customize-site-wordpress-2-1024x675.png" alt="Customize service business website" class="wp-image-825592" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/customize-site-wordpress-2-1024x675.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/customize-site-wordpress-2-734x484.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/customize-site-wordpress-2-1536x1013.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/customize-site-wordpress-2.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Next, open any page, click <strong>Edit with Elementor</strong>, and replace the demo content with your own text, images, and branding.</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="517" src="https://www.wpzoom.com/wp-content/uploads/2026/08/inspiro-edit-elementor2-1024x517.png" alt="Inspiro Edit with Elementor" class="wp-image-825594" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/inspiro-edit-elementor2-1024x517.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/inspiro-edit-elementor2-734x371.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/inspiro-edit-elementor2-1536x776.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/inspiro-edit-elementor2-2048x1034.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">For example, you might start by updating your homepage. Add a clear headline that explains what your service business does, a short description of your services, and a strong call-to-action encouraging visitors to contact you or request a quote. Replace the placeholder images with high-quality photos of your team, projects, or services.</p>



<p class="wp-block-paragraph">Next, customize your site&#8217;s colors and typography to match your brand identity. You can also edit the navigation menu, update contact information, and add links to your social media profiles.</p>



<p class="wp-block-paragraph">Take time to review each page, including your <strong>Services</strong>, <strong>About</strong>, and <strong>Contact</strong> pages, to ensure the content accurately reflects your business and speaks directly to your target audience.</p>



<h3 id="h-step-4-preview" class="wp-block-heading">Step #4: Preview</h3>



<p class="wp-block-paragraph">Before publishing your website, preview it to ensure everything looks polished and functions as expected.</p>


<div class="wp-block-image is-style-shadow">
<figure class="aligncenter size-large"><img decoding="async" width="763" height="1024" src="https://www.wpzoom.com/wp-content/uploads/2026/08/preview-service-business-website-763x1024.png" alt="Preview service business website" class="wp-image-825595" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/preview-service-business-website-763x1024.png 763w, https://www.wpzoom.com/wp-content/uploads/2026/08/preview-service-business-website-547x734.png 547w, https://www.wpzoom.com/wp-content/uploads/2026/08/preview-service-business-website-1144x1536.png 1144w, https://www.wpzoom.com/wp-content/uploads/2026/08/preview-service-business-website-1525x2048.png 1525w, https://www.wpzoom.com/wp-content/uploads/2026/08/preview-service-business-website.png 1905w" sizes="(max-width: 763px) 100vw, 763px" /></figure>
</div>


<p class="wp-block-paragraph">Check each page on desktop, tablet, and mobile devices to verify that layouts, images, and text display correctly.</p>


<div class="wp-block-image is-style-shadow">
<figure class="aligncenter size-large"><img decoding="async" width="852" height="1024" src="https://www.wpzoom.com/wp-content/uploads/2026/08/what-we-do-852x1024.png" alt="What we do page" class="wp-image-825596" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/what-we-do-852x1024.png 852w, https://www.wpzoom.com/wp-content/uploads/2026/08/what-we-do-611x734.png 611w, https://www.wpzoom.com/wp-content/uploads/2026/08/what-we-do-1278x1536.png 1278w, https://www.wpzoom.com/wp-content/uploads/2026/08/what-we-do-1704x2048.png 1704w" sizes="(max-width: 852px) 100vw, 852px" /></figure>
</div>


<p class="wp-block-paragraph">Test your navigation menu, contact forms, and any call-to-action buttons to make sure they work properly.</p>



<p class="wp-block-paragraph">Once you&#8217;re satisfied with the design and functionality, click <strong>Publish</strong> and make your new service business website live.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-6-common-mistakes-to-avoid-when-building-a-service-business-website" class="wp-block-heading">6 Common Mistakes to Avoid When Building a Service Business Website</h2>



<p class="wp-block-paragraph">Avoid these common website mistakes that cost service businesses leads, trust, and revenue:</p>



<p class="wp-block-paragraph"><strong>Mistake #1: Generic messaging</strong></p>



<p class="wp-block-paragraph">One of the biggest mistakes I see with service business websites is using generic messaging. Instead of vague statements like <em>“We provide quality services”</em>, clearly explain what you do, who you help, and why clients should choose your business over your competitors.</p>



<p class="wp-block-paragraph"><strong>Mistake #2: No clear CTA</strong></p>



<p class="wp-block-paragraph">Another common issue is having no clear call to action. Every important page should encourage visitors to take the next step, whether that&#8217;s requesting a quote, booking a consultation, or contacting your team. Inspiro comes with prominent call to action buttons out of the box.</p>



<p class="wp-block-paragraph"><strong>Mistake #3: Overlooking mobile users</strong></p>



<p class="wp-block-paragraph">A large percentage of visitors will browse your site on smartphones, so always preview your pages on different screen sizes before publishing. Ideally, you want to use a real smartphone to access the website and make sure it works as intended.</p>



<p class="wp-block-paragraph"><strong>Mistake #4: Using unoptimized images</strong></p>



<p class="wp-block-paragraph">Using large, unoptimized images can slow down your website and create a poor user experience. Compress images before uploading them to keep your site fast and responsive. This also helps improve your site’s SEO.</p>



<p class="wp-block-paragraph"><strong>Mistake #5: Not sharing social proof</strong></p>



<p class="wp-block-paragraph">It&#8217;s important to include customer testimonials or case studies whenever possible. Social proof helps establish trust and gives potential clients confidence in your services.</p>



<p class="wp-block-paragraph"><strong>Mistake #6: Not optimizing your website for UX and SEO</strong></p>



<p class="wp-block-paragraph">Keep your navigation simple and don&#8217;t forget the basics of SEO, such as descriptive page titles, relevant keywords, and internal links. These small details make it easier for both visitors and search engines to understand your website.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-why-inspiro-is-a-great-choice-for-service-business-websites" class="wp-block-heading">Why Inspiro Is a Great Choice for Service Business Websites</h2>



<p class="wp-block-paragraph">Choosing the right WordPress theme can significantly reduce the time and effort required to launch a service business website, it&#8217;s worth comparing a few <a href="https://www.wpzoom.com/themes/business/">business themes</a> before you commit. Inspiro is an excellent choice for service businesses because it combines modern design, flexible customization, and powerful features in a beginner-friendly package.</p>



<p class="wp-block-paragraph">One of Inspiro&#8217;s biggest strengths is its library of 50+ professionally designed starter sites. Whether you&#8217;re creating a website for an agency, contractor, law firm, wellness business, consultant, or another service-based company, you can start with a layout tailored to your industry and customize it to match your brand.</p>



<p class="wp-block-paragraph">The theme also includes responsive, mobile-friendly designs, ensuring your website looks great on desktops, tablets, and smartphones. Its support for video hero sections allows you to create engaging homepages that immediately capture visitors’ attention, while the intuitive Block Editor makes it easy to personalize pages without coding.</p>



<p class="wp-block-paragraph">Inspiro is also WooCommerce compatible, making it simple to sell consultations, service packages, or digital products if your business expands into online sales. If selling becomes the main focus, our&nbsp;<strong><a href="https://www.wpzoom.com/themes/woocommerce/" target="_blank" rel="noopener">WooCommerce themes</a></strong>&nbsp;are built around the store rather than the service pages.</p>



<p class="wp-block-paragraph">Whether you&#8217;re a business owner building your first website or a freelancer creating sites for clients, Inspiro provides a fast, flexible foundation for launching a polished, high-performing service business website.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-conclusion" class="wp-block-heading">Conclusion</h2>



<p class="wp-block-paragraph">Building a professional service business website doesn&#8217;t have to be complicated. With WordPress and the Inspiro theme, you can create a modern, responsive website that showcases your services, builds credibility, and helps turn visitors into customers.</p>



<p class="wp-block-paragraph">By choosing the right starter site, customizing it to reflect your brand, and avoiding common website mistakes, you&#8217;ll have a strong online presence that supports your business for years to come. As your company grows, you can continue expanding your site with new service pages, case studies, testimonials, blog posts, or even online booking and eCommerce features.</p>



<p class="wp-block-paragraph">Get started with <a href="https://www.wpzoom.com/themes/inspiro/">Inspiro</a> today and build a website that helps your service business stand out and attract more opportunities.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.wpzoom.com/blog/how-to-build-a-service-business-website/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to Create a Cafe Website in WordPress with Inspiro</title>
		<link>https://www.wpzoom.com/blog/how-to-create-a-cafe-website-in-wordpress/</link>
					<comments>https://www.wpzoom.com/blog/how-to-create-a-cafe-website-in-wordpress/#respond</comments>
		
		<dc:creator><![CDATA[Maria Ansari]]></dc:creator>
		<pubDate>Mon, 03 Aug 2026 09:48:15 +0000</pubDate>
				<category><![CDATA[Site Crafting]]></category>
		<category><![CDATA[WPZOOM Tutorials]]></category>
		<category><![CDATA[cafe website]]></category>
		<guid isPermaLink="false">https://www.wpzoom.com/?p=825520</guid>

					<description><![CDATA[Learn how to create a cafe website in WordPress with Inspiro. Follow this step-by-step guide to showcase your menu, location, and more.]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Customers often discover new cafes online before they ever step through the door. They might be looking for your menu, checking your opening hours, finding directions, or browsing photos of your cafe’s ambiance and signature drinks.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="597" src="https://www.wpzoom.com/wp-content/uploads/2026/08/How-to-Create-a-Cafe-Website1-1024x597.jpg" alt="How to Create a Cafe Website" class="wp-image-825603" srcset="https://www.wpzoom.com/wp-content/uploads/2026/08/How-to-Create-a-Cafe-Website1-1024x597.jpg 1024w, https://www.wpzoom.com/wp-content/uploads/2026/08/How-to-Create-a-Cafe-Website1-734x428.jpg 734w, https://www.wpzoom.com/wp-content/uploads/2026/08/How-to-Create-a-Cafe-Website1-1536x896.jpg 1536w, https://www.wpzoom.com/wp-content/uploads/2026/08/How-to-Create-a-Cafe-Website1.jpg 1800w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Having a professional cafe website helps make a great first impression. It also gives you a central place to showcase your brand, promote seasonal offerings, and accept online orders.</p>



<p class="wp-block-paragraph">The good news is that you don&#8217;t need coding skills to create a cafe website that looks polished and performs well. With WordPress, the <a href="https://www.wpzoom.com/themes/inspiro/">Inspiro</a> theme, and the free <a href="https://www.wpzoom.com/blog/what-is-woocommerce/">WooCommerce</a> plugin, you can build a visually engaging website that&#8217;s easy to customize and manage.</p>



<span id="more-825520"></span>



<p class="wp-block-paragraph">In this cafe website tutorial, we&#8217;ll walk through the entire process, from installing WordPress and importing the starter site to customizing your pages and preparing your website for launch. By the end, you&#8217;ll have a professional WordPress cafe website that showcases your business and serves your customers effectively.</p>


<div class="wp-block-image is-style-shadow">
<figure class="aligncenter size-large"><img decoding="async" width="396" height="1024" src="https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-restaurant-cafe-homepage-396x1024.png" alt="Inspiro Restaurant/Cafe starter site homepage" class="wp-image-825535" srcset="https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-restaurant-cafe-homepage-396x1024.png 396w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-restaurant-cafe-homepage-284x734.png 284w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-restaurant-cafe-homepage-594x1536.png 594w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-restaurant-cafe-homepage-792x2048.png 792w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-restaurant-cafe-homepage.png 1000w" sizes="(max-width: 396px) 100vw, 396px" /><figcaption class="wp-element-caption">Homepage</figcaption></figure>
</div>


<hr class="wp-block-separator has-alpha-channel-opacity"/>



<div class="wp-block-yoast-seo-table-of-contents yoast-table-of-contents"><h2>Table of contents</h2><ul><li><a href="#h-why-create-your-cafe-website-with-wordpress" data-level="2">Why Create Your Cafe Website with WordPress?</a></li><li><a href="#h-how-to-create-a-cafe-website-in-wordpress-with-inspiro" data-level="2">How to Create a Cafe Website in WordPress with Inspiro</a><ul><li><a href="#h-step-1-install-wordpress" data-level="3">Step #1: Install WordPress</a></li><li><a href="#h-step-2-install-the-inspiro-theme" data-level="3">Step #2: Install the Inspiro Theme</a></li><li><a href="#h-step-3-customize-your-homepage" data-level="3">Step #3: Customize Your Homepage</a></li><li><a href="#h-step-4-create-your-essential-pages" data-level="3">Step #4: Create Your Essential Pages</a></li><li><a href="#h-step-5-preview" data-level="3">Step #5: Preview</a></li></ul></li><li><a href="#h-basic-seo-tips-for-cafe-websites" data-level="2">Basic SEO Tips for Cafe Websites</a></li><li><a href="#h-tips-for-better-cafe-photography" data-level="2">Tips for Better Cafe Photography</a></li><li><a href="#h-common-mistakes-to-avoid" data-level="2">Common Mistakes to Avoid</a></li><li><a href="#h-why-inspiro-is-a-great-theme-for-cafe-websites" data-level="2">Why Inspiro Is a Great Theme for Cafe Websites</a></li><li><a href="#h-conclusion" data-level="2">Conclusion</a></li></ul></div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-why-create-your-cafe-website-with-wordpress" class="wp-block-heading">Why Create Your Cafe Website with WordPress?</h2>



<p class="wp-block-paragraph">WordPress is one of the best platforms for anyone who wants to build a cafe website without being locked into a proprietary website builder.</p>



<p class="wp-block-paragraph">It <a href="https://www.wpzoom.com/blog/wordpress-statistics/">powers millions of websites worldwide</a> and offers the flexibility to create anything from a simple cafe homepage to a full-featured cafe website that lets you accept orders and sell online.</p>



<p class="wp-block-paragraph">One of WordPress&#8217;s biggest advantages is ownership. Your website, content, and customer data remain under your control, making it easy to switch hosts, add new features, or redesign your site as your business grows.</p>



<p class="wp-block-paragraph">Updating your menu, announcing seasonal specials, publishing blog posts, or promoting upcoming events is super easy and you don’t need any technical experience.</p>



<p class="wp-block-paragraph">Another major benefit is its extensive plugin ecosystem. You can add online reservations, contact forms, email marketing tools, loyalty programs, and online ordering without rebuilding your site from scratch.</p>



<p class="wp-block-paragraph">Pair WordPress with the Inspiro theme and WooCommerce, and you have everything you need to create a modern, mobile-friendly WordPress cafe website that can grow alongside your business.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-how-to-create-a-cafe-website-in-wordpress-with-inspiro" class="wp-block-heading">How to Create a Cafe Website in WordPress with Inspiro</h2>



<p class="wp-block-paragraph">Follow this cafe website step-by-step guide to launch a professional online presence for your cafe:</p>



<h3 id="h-step-1-install-wordpress" class="wp-block-heading">Step #1: Install WordPress</h3>



<p class="wp-block-paragraph">The first step is to install WordPress on your web hosting account. Most reputable hosting providers offer a one-click WordPress installer, making the process quick and beginner-friendly.</p>



<p class="wp-block-paragraph">After purchasing a domain name and hosting plan, log in to your hosting dashboard and select the WordPress installation option. Follow the prompts to choose your domain, create an administrator account, and complete the installation.</p>



<p class="wp-block-paragraph">Once WordPress is installed, sign in to your website by visiting <em>yourdomain.com/wp-admin</em> and entering your login credentials. This takes you to the WordPress dashboard, where you&#8217;ll manage your website, install themes and plugins, create pages, and publish content.</p>



<h3 id="h-step-2-install-the-inspiro-theme" class="wp-block-heading">Step #2: Install the Inspiro Theme</h3>



<p class="wp-block-paragraph">With WordPress up and running, the next step is to install <a href="https://www.wpzoom.com/themes/inspiro/">Inspiro</a>. After purchasing and downloading the theme from your WPZOOM account, go to <strong>Appearance → Themes</strong> in your WordPress dashboard and click <strong>Add Theme</strong>, then <strong>Upload Theme</strong>.</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="563" src="https://www.wpzoom.com/wp-content/uploads/2026/07/install-inspiro-pro-1024x563.png" alt="Install and activate Inspiro Premium" class="wp-image-825547" srcset="https://www.wpzoom.com/wp-content/uploads/2026/07/install-inspiro-pro-1024x563.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/07/install-inspiro-pro-734x403.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/07/install-inspiro-pro-1536x844.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/07/install-inspiro-pro.png 1995w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Select the Inspiro ZIP file, install it, and click <strong>Activate</strong>.</p>



<p class="wp-block-paragraph">Once the theme is active, you&#8217;ll be prompted to enter your license key and install the recommended plugins.</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="300" src="https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-license-key-activated-1024x300.png" alt="Inspiro license key" class="wp-image-825546" srcset="https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-license-key-activated-1024x300.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-license-key-activated-734x215.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-license-key-activated-1536x450.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-license-key-activated-2048x600.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Be sure to install and activate the recommended plugins, as they enable key features, including the one-click Starter Site importer.</p>



<p class="wp-block-paragraph">Next, navigate to <strong>WPZOOM → Dashboard →&nbsp; Demo Importer</strong><em>.</em></p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="664" src="https://www.wpzoom.com/wp-content/uploads/2026/07/restaurant-cafe-starter-site-wp-1024x664.png" alt="Restaurant/Cafe starter site in Inspiro" class="wp-image-825521" srcset="https://www.wpzoom.com/wp-content/uploads/2026/07/restaurant-cafe-starter-site-wp-1024x664.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/07/restaurant-cafe-starter-site-wp-734x476.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/07/restaurant-cafe-starter-site-wp-1536x996.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/07/restaurant-cafe-starter-site-wp.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Select the starter site demo that suits your brand the best and scroll down to click on the <strong>Import demo content</strong><em> </em>button. For the purpose of this tutorial, we’ll use the <a href="https://www.wpzoom.com/themes/inspiro/starter-sites/restaurant-cafe/">Restaurant/Cafe Starter Site</a>.</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="566" src="https://www.wpzoom.com/wp-content/uploads/2026/07/import-demo-content-1024x566.png" alt="Inspiro demo content" class="wp-image-825522" srcset="https://www.wpzoom.com/wp-content/uploads/2026/07/import-demo-content-1024x566.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/07/import-demo-content-734x406.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/07/import-demo-content-1536x850.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/07/import-demo-content.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Within a few minutes, your website will be populated with professionally designed pages, layouts, images, and demo content that you can easily replace with your own.</p>



<p class="wp-block-paragraph">Inspiro is an excellent choice for cafes thanks to its full-width hero sections, video background support, WooCommerce compatibility, responsive design, and flexible customization options.</p>



<h3 id="h-step-3-customize-your-homepage" class="wp-block-heading">Step #3: Customize Your Homepage</h3>



<p class="wp-block-paragraph">After importing the Restaurant/Cafe Starter Site, it&#8217;s time to personalize the homepage so it reflects your cafe&#8217;s unique brand.</p>



<p class="wp-block-paragraph">Here’s what you need to do:</p>



<p class="wp-block-paragraph">Open the homepage in the WordPress editor (go to <strong>Appearance → Customize </strong>from the admin panel) and replace the demo images with high-quality photos of your cafe, food, interior, and team. Authentic photography helps visitors connect with your business and creates a strong first impression.</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="664" src="https://www.wpzoom.com/wp-content/uploads/2026/07/wordpress-customizer-1024x664.png" alt="Inspiro theme WordPress Customizer" class="wp-image-825523" srcset="https://www.wpzoom.com/wp-content/uploads/2026/07/wordpress-customizer-1024x664.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/07/wordpress-customizer-734x476.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/07/wordpress-customizer-1536x996.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/07/wordpress-customizer.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Next, update the headings, text, and calls to action with your own messaging. Add your cafe’s logo, adjust the color palette and typography to match your branding, and highlight your best-selling drinks, pastries, or seasonal specials. You can also edit buttons to encourage visitors to view your menu, place an order, or contact you.</p>



<p class="wp-block-paragraph">As you make changes, preview your homepage on desktop, tablet, and mobile devices to ensure everything looks polished and easy to navigate.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="664" src="https://www.wpzoom.com/wp-content/uploads/2026/07/preview-customizations-1024x664.png" alt="Preview customizations" class="wp-image-825524" srcset="https://www.wpzoom.com/wp-content/uploads/2026/07/preview-customizations-1024x664.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/07/preview-customizations-734x476.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/07/preview-customizations-1536x996.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/07/preview-customizations.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Inspiro&#8217;s flexible customization options make it simple to create a professional homepage without writing a single line of code.</p>



<h3 id="h-step-4-create-your-essential-pages" class="wp-block-heading">Step #4: Create Your Essential Pages</h3>



<p class="wp-block-paragraph">A great cafe website should make it easy for visitors to find the information they need. Create dedicated pages for your <strong>Menu</strong>, <strong>About</strong>, <strong>Contact</strong>, and <strong>Gallery</strong><em> </em>at the minimum.</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="664" src="https://www.wpzoom.com/wp-content/uploads/2026/07/gallery-page-1024x664.png" alt="Inspiro Gallery page" class="wp-image-825525" srcset="https://www.wpzoom.com/wp-content/uploads/2026/07/gallery-page-1024x664.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/07/gallery-page-734x476.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/07/gallery-page-1536x996.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/07/gallery-page.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Include your food and drink offerings, tell your cafe&#8217;s story, and add your address, opening hours, phone number, and an embedded Google Map.</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="664" src="https://www.wpzoom.com/wp-content/uploads/2026/07/cafe-site-footer-1024x664.png" alt="WordPress cafe website's footer" class="wp-image-825526" srcset="https://www.wpzoom.com/wp-content/uploads/2026/07/cafe-site-footer-1024x664.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/07/cafe-site-footer-734x476.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/07/cafe-site-footer-1536x996.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/07/cafe-site-footer.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">If you plan to sell coffee beans, gift cards, or merchandise, use WooCommerce to enable an online shop that integrates seamlessly with Inspiro.</p>



<h3 id="h-step-5-preview" class="wp-block-heading">Step #5: Preview</h3>



<p class="wp-block-paragraph">Before publishing your website, preview every page to ensure everything looks and works as expected.</p>



<p class="wp-block-paragraph">Test your navigation, links, contact form, and WooCommerce pages, and check that your site displays correctly on desktop, tablet, and mobile devices.</p>



<p class="wp-block-paragraph">Once you&#8217;re satisfied, publish your website and start welcoming new customers online. It will look something like this:</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img decoding="async" width="396" height="1024" data-id="825535" src="https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-restaurant-cafe-homepage-396x1024.png" alt="Inspiro Restaurant/Cafe starter site homepage" class="wp-image-825535" srcset="https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-restaurant-cafe-homepage-396x1024.png 396w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-restaurant-cafe-homepage-284x734.png 284w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-restaurant-cafe-homepage-594x1536.png 594w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-restaurant-cafe-homepage-792x2048.png 792w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-restaurant-cafe-homepage.png 1000w" sizes="(max-width: 396px) 100vw, 396px" /><figcaption class="wp-element-caption">Homepage</figcaption></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="689" height="1024" data-id="825528" src="https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-about-page-689x1024.png" alt="Inspiro Cafe site about page" class="wp-image-825528" srcset="https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-about-page-689x1024.png 689w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-about-page-494x734.png 494w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-about-page-1033x1536.png 1033w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-about-page-1378x2048.png 1378w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-about-page.png 1997w" sizes="(max-width: 689px) 100vw, 689px" /><figcaption class="wp-element-caption">About page</figcaption></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="931" height="1024" data-id="825534" src="https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-menu2-931x1024.png" alt="Inspiro Cafe site Menu" class="wp-image-825534" srcset="https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-menu2-931x1024.png 931w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-menu2-667x734.png 667w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-menu2.png 1000w" sizes="(max-width: 931px) 100vw, 931px" /><figcaption class="wp-element-caption">Menu page</figcaption></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="488" height="1024" data-id="825530" src="https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-order-online-page-488x1024.png" alt="Inspiro Cafe site order online page" class="wp-image-825530" srcset="https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-order-online-page-488x1024.png 488w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-order-online-page-350x734.png 350w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-order-online-page-732x1536.png 732w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-order-online-page-976x2048.png 976w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-order-online-page.png 1997w" sizes="(max-width: 488px) 100vw, 488px" /><figcaption class="wp-element-caption">Order online page</figcaption></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="648" height="1024" data-id="825536" src="https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-news2-648x1024.png" alt="Inspiro Cafe site blog" class="wp-image-825536" srcset="https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-news2-648x1024.png 648w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-news2-465x734.png 465w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-news2-972x1536.png 972w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-news2-1296x2048.png 1296w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-news2.png 1996w" sizes="(max-width: 648px) 100vw, 648px" /><figcaption class="wp-element-caption">Blog</figcaption></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="861" height="1024" data-id="825532" src="https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-contact-page-861x1024.png" alt="Inspiro Cafe site contact page" class="wp-image-825532" srcset="https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-contact-page-861x1024.png 861w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-contact-page-617x734.png 617w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-contact-page-1291x1536.png 1291w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-contact-page-1721x2048.png 1721w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-cafe-site-contact-page.png 1997w" sizes="(max-width: 861px) 100vw, 861px" /><figcaption class="wp-element-caption">Contact page</figcaption></figure>
</figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-basic-seo-tips-for-cafe-websites" class="wp-block-heading">Basic SEO Tips for Cafe Websites</h2>



<p class="wp-block-paragraph">A beautiful cafe website is only effective if potential customers can find it. Basic search engine optimization (SEO) helps your cafe appear in search results when people look for coffee shops, breakfast spots, or cafes in your area.</p>



<p class="wp-block-paragraph">Start by naturally mentioning your city, neighborhood, or service area throughout your homepage, contact page, and menu. Write unique page titles and meta descriptions that describe each page clearly, and use descriptive alt text for every image to improve accessibility and search visibility.</p>



<p class="wp-block-paragraph">If you haven&#8217;t already, create and optimize your Google Business Profile so your cafe can appear in local search results and Google Maps. Keep your menu pages up to date, as fresh and accurate content provides a better user experience. Finally, improve page speed by compressing images and using only the plugins you need.</p>



<p class="wp-block-paragraph">Together, these simple SEO practices can help your WordPress cafe website attract more local visitors and turn online searches into customers.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-tips-for-better-cafe-photography" class="wp-block-heading">Tips for Better Cafe Photography</h2>



<p class="wp-block-paragraph">Professional-looking photos can have a huge impact on how customers perceive your cafe.</p>



<p class="wp-block-paragraph">Whenever possible, use natural lighting to capture the rich colors and textures of your coffee, sandwiches, pastries, and meals. Showcase your signature drinks, popular menu items, and inviting interior to give visitors a feel for your space before they arrive.</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1024" height="526" src="https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-gallery-lightbox-1024x526.png" alt="Inspiro gallery photo in lightbox" class="wp-image-825541" srcset="https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-gallery-lightbox-1024x526.png 1024w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-gallery-lightbox-734x377.png 734w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-gallery-lightbox-1536x789.png 1536w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-gallery-lightbox.png 2008w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">If you include customers or staff in your photos, always get their permission first. Consistent editing and branding across your images will also help create a polished, recognizable, and memorable look.</p>



<p class="wp-block-paragraph">Before uploading photos to WordPress, resize and compress them to reduce file sizes while maintaining quality. Optimized images help your website load faster, improve the browsing experience on mobile devices, and support your overall SEO efforts.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-common-mistakes-to-avoid" class="wp-block-heading">Common Mistakes to Avoid</h2>



<p class="wp-block-paragraph">Here are our best tips to avoid making common mistakes that can reduce your website&#8217;s effectiveness:</p>



<ul class="wp-block-list">
<li>Avoid using blurry or low-quality photos, as they can make your cafe appear less professional.</li>



<li>Make sure your contact information, opening hours, and location are accurate, up to date, and easy to find on every device.</li>



<li>Don’t forget to publish an online menu and ensure it’s easy to navigate to.</li>



<li>Keep your design clean by limiting the number of fonts and colors, and include clear calls to action such as <em>View Menu</em>, <em>Order Online</em>, or <em>Visit Us</em>.</li>



<li>Test your website on mobile devices to ensure everything works as intended.</li>
</ul>



<p class="wp-block-paragraph">A fast, user-friendly website creates a better experience and encourages more people to visit your cafe and become customers.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-why-inspiro-is-a-great-theme-for-cafe-websites" class="wp-block-heading">Why Inspiro Is a Great Theme for Cafe Websites</h2>



<p class="wp-block-paragraph">Inspiro is an excellent choice for anyone looking to create a cafe website that looks professional without requiring custom design or development work. Its <a href="https://www.wpzoom.com/themes/inspiro/starter-sites/restaurant-cafe/">Restaurant/Cafe Starter Site</a> provides a polished foundation with thoughtfully designed layouts, allowing you to launch your website much faster than starting from scratch.</p>


<div class="wp-block-image is-style-shadow">
<figure class="aligncenter size-large"><img decoding="async" width="687" height="1024" src="https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-restaurant-cafe-homepage-cropped-687x1024.png" alt="Inspiro Restaurant/Cafe homepage" class="wp-image-825543" srcset="https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-restaurant-cafe-homepage-cropped-687x1024.png 687w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-restaurant-cafe-homepage-cropped-493x734.png 493w, https://www.wpzoom.com/wp-content/uploads/2026/07/inspiro-restaurant-cafe-homepage-cropped.png 1000w" sizes="(max-width: 687px) 100vw, 687px" /></figure>
</div>


<p class="wp-block-paragraph">The theme is built with visual storytelling in mind, featuring full-width hero sections, optional video backgrounds, and responsive layouts that look great on desktops, tablets, and smartphones. It also integrates seamlessly with WooCommerce, making it easy to sell coffee beans, gift cards, merchandise, or other products directly from your website. It&#8217;s one of several&nbsp;<strong><a href="https://www.wpzoom.com/themes/woocommerce/" target="_blank" rel="noopener">WooCommerce themes</a></strong>&nbsp;we build, so the shop pages match the rest of the design instead of looking bolted on.</p>



<p class="wp-block-paragraph">Beyond its attractive design, Inspiro is easy to customize using the WordPress editor. You can update colors, fonts, images, and page layouts to match your cafe&#8217;s branding without touching any code. Whether you&#8217;re building a website for a cafe, neighborhood coffee shop, bakery, coffee roaster, or restaurant, Inspiro offers the flexibility to grow with your business. If you want to compare Inspiro with other options first, browse our full collection of <a href="https://www.wpzoom.com/themes/restaurant/">WordPress restaurant themes</a> for cafes, bistros, and restaurants.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 id="h-conclusion" class="wp-block-heading">Conclusion</h2>



<p class="wp-block-paragraph">Creating a professional cafe website doesn&#8217;t have to be complicated. With WordPress, the Inspiro theme, and the free WooCommerce plugin, you can build a modern website that showcases your menu, highlights your brand, and helps customers connect with your business.</p>



<p class="wp-block-paragraph">By following the steps in this guide, you&#8217;ll have a solid foundation that you can continue to expand with online ordering, product sales, event promotions, or a blog.</p>



<p class="wp-block-paragraph">One of the biggest advantages of Inspiro is its Restaurant/Cafe Starter Site, which eliminates much of the design work and lets you focus on personalizing the website with your own photos, menu, and branding.</p>



<p class="wp-block-paragraph">Whether you&#8217;re launching a new cafe website or refreshing an existing online presence, <a href="https://www.wpzoom.com/themes/inspiro/">Inspiro</a> provides an easy way to create a polished, mobile-friendly website that supports your business as it grows.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.wpzoom.com/blog/how-to-create-a-cafe-website-in-wordpress/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>

<!-- plugin=object-cache-pro client=phpredis metric#hits=8044 metric#misses=120 metric#hit-ratio=98.5 metric#bytes=2755217 metric#prefetches=318 metric#store-reads=31 metric#store-writes=2 metric#store-hits=328 metric#store-misses=11 metric#sql-queries=31 metric#ms-total=1465.67 metric#ms-cache=22.94 metric#ms-cache-avg=0.7167 metric#ms-cache-ratio=1.6 -->
