Module - Blogs and Articles

<div class="module-page">  <div class="mp-intro"> <div class="mp-icon" style="background-color: rgba(59, 130, 246, 0.15);"> <i data-lucide="newspaper" style="color: #3B82F6;"></i> </div> <h1>Blogs & Articles</h1> <p class="mp-tagline">Publish Blogs and Articles - in Your Own Style, on Your Own Site</p> <p class="mp-description"> Create and publish blog posts and articles with an easy visual editor, then display them anywhere on your site through configurable channels. Run as many blogs as you like by category, let readers comment, and keep some posts public while restricting others to specific member roles. </p> <div class="mp-cta-buttons"> <a href="/request-demo" class="btn btn-primary">Request a Demo</a> <a href="/pricing" class="btn btn-outline">View Pricing</a> </div> </div>  <div class="mp-screenshot"> <img src="/_data/global/images/website/articles-module-dashboard.png" alt="CitySoft Blogs and Articles admin showing the post list and publishing tools" style="width: 100%; height: auto; display: block;"> </div>  <div class="mp-section"> <h2 class="mp-section-title">What You Can Do</h2> <div class="mp-capabilities"> <div class="mp-capability-card"> <div class="mp-capability-icon" style="background-color: rgba(59, 130, 246, 0.15);"><i data-lucide="pen-line" style="color: #3B82F6;"></i></div> <h3>Blogs and Articles in One</h3> <p>Publish blog posts and articles from the same module - with a visual editor for non-technical staff and full HTML for anyone who wants finer control.</p> </div> <div class="mp-capability-card"> <div class="mp-capability-icon" style="background-color: rgba(59, 130, 246, 0.15);"><i data-lucide="layout-grid" style="color: #3B82F6;"></i></div> <h3>Flexible Display Channels</h3> <p>Configurable channels and widgets display your posts on any page in a variety of layouts - and you can style them to match the rest of your site.</p> </div> <div class="mp-capability-card"> <div class="mp-capability-icon" style="background-color: rgba(59, 130, 246, 0.15);"><i data-lucide="tags" style="color: #3B82F6;"></i></div> <h3>Run Multiple Blogs by Category</h3> <p>Filter posts by category to run several distinct blogs from one module - a "New Research" blog, a "Member-Only" blog, a "Political Action" blog, and more.</p> </div> <div class="mp-capability-card"> <div class="mp-capability-icon" style="background-color: rgba(59, 130, 246, 0.15);"><i data-lucide="lock" style="color: #3B82F6;"></i></div> <h3>Control Who Can Read</h3> <p>Keep posts public, or password-protect them and group them by role - so "Members-Only" content stays members-only, using the same Roles and Content Types as the rest of the platform.</p> </div> <div class="mp-capability-card"> <div class="mp-capability-icon" style="background-color: rgba(59, 130, 246, 0.15);"><i data-lucide="message-square" style="color: #3B82F6;"></i></div> <h3>Built-In Comments</h3> <p>Turn on the Messages comment system for any post to let readers respond and discuss - no third-party commenting service required.</p> </div> <div class="mp-capability-card"> <div class="mp-capability-icon" style="background-color: rgba(59, 130, 246, 0.15);"><i data-lucide="workflow" style="color: #3B82F6;"></i></div> <h3>Workflow, Search & Styles</h3> <p>Route posts for approval before they publish, keep a consistent look with reusable styles and HTML templates, and let the built-in site search surface your content.</p> </div> </div> </div>  <div class="mp-section"> <h2 class="mp-section-title">Works Great With</h2> <div class="mp-related"> <a href="/modules/websites" class="mp-related-card"> <div class="mp-related-icon" style="background-color: rgba(132, 204, 22, 0.15);"><i data-lucide="layout-template" style="color: #84CC16;"></i></div> <h3>Web Pages</h3> <p>Place blog and article channels right on your website pages, styled to match your site.</p> <div class="card-link"><span>Learn more</span><i data-lucide="arrow-right"></i></div> </a> <a href="/modules/members" class="mp-related-card"> <div class="mp-related-icon" style="background-color: rgba(249, 115, 22, 0.15);"><i data-lucide="users" style="color: #F97316;"></i></div> <h3>Members</h3> <p>Restrict posts to logged-in members and build member-only blogs on top of your contact records.</p> <div class="card-link"><span>Learn more</span><i data-lucide="arrow-right"></i></div> </a> <a href="/modules/email" class="mp-related-card"> <div class="mp-related-icon" style="background-color: rgba(139, 92, 246, 0.15);"><i data-lucide="mail" style="color: #8B5CF6;"></i></div> <h3>Email Marketing</h3> <p>Turn posts into newsletters and email campaigns to reach your audience directly.</p> <div class="card-link"><span>Learn more</span><i data-lucide="arrow-right"></i></div> </a> </div> </div>  <div class="mp-section"> <h2 class="mp-section-title">Frequently Asked Questions</h2> <div class="mp-faq"> <div class="mp-faq-item is-open"> <h3 class="mp-faq-q"><button type="button" aria-expanded="true" aria-controls="blog-a-1"><span>Can I run more than one blog?</span><i data-lucide="chevron-down" class="mp-faq-chevron"></i></button></h3> <div class="mp-faq-a" id="blog-a-1"><div class="mp-faq-a-inner"><p>Yes. Filter posts by category to run several distinct blogs from a single module - for example a "New Research" blog, a "Member-Only" blog, and a "Political Action" blog, each with its own page and style.</p></div></div> </div> <div class="mp-faq-item"> <h3 class="mp-faq-q"><button type="button" aria-expanded="false" aria-controls="blog-a-2"><span>Can I restrict posts to members or specific groups?</span><i data-lucide="chevron-down" class="mp-faq-chevron"></i></button></h3> <div class="mp-faq-a" id="blog-a-2"><div class="mp-faq-a-inner"><p>Yes. Any post can be public or password-protected, and protected posts can be grouped by role - so "Members-Only" content is visible only to the right people. It uses the same Roles and Content Types as the rest of the platform.</p></div></div> </div> <div class="mp-faq-item"> <h3 class="mp-faq-q"><button type="button" aria-expanded="false" aria-controls="blog-a-3"><span>Do I need to know how to code?</span><i data-lucide="chevron-down" class="mp-faq-chevron"></i></button></h3> <div class="mp-faq-a" id="blog-a-3"><div class="mp-faq-a-inner"><p>No. The visual (WYSIWYG) editor lets non-technical staff write and publish posts. If you do know HTML, you can switch to a code view for full control and reuse HTML templates and styles.</p></div></div> </div> <div class="mp-faq-item"> <h3 class="mp-faq-q"><button type="button" aria-expanded="false" aria-controls="blog-a-4"><span>Can readers comment on posts?</span><i data-lucide="chevron-down" class="mp-faq-chevron"></i></button></h3> <div class="mp-faq-a" id="blog-a-4"><div class="mp-faq-a-inner"><p>Yes. Turn on the built-in Messages comment system for any post to let readers respond - no separate commenting service needed.</p></div></div> </div> <div class="mp-faq-item"> <h3 class="mp-faq-q"><button type="button" aria-expanded="false" aria-controls="blog-a-5"><span>Where do blog posts and articles appear on my site?</span><i data-lucide="chevron-down" class="mp-faq-chevron"></i></button></h3> <div class="mp-faq-a" id="blog-a-5"><div class="mp-faq-a-inner"><p>Through configurable channels and widgets you place on your pages. They display in a variety of layouts, can be styled to match your site, and can be filtered by category.</p></div></div> </div> </div> </div>  <div class="mp-bottom-cta"> <h3>See Blogs & Articles in Action</h3> <p>Schedule a personalized demo and see how easily you can publish content with CitySoft.</p> <a href="/request-demo" class="btn">Request a Demo</a> </div> </div>