What’s New in WordPress 5.4 (Features and Screenshots)

WordPress 5.4 was released earlier today, and it is the first major release of 2020.

This new release is packed with a lot features, many of them are focused around the WordPress block editor. This release will massively improve the way you create content on your websites.

In this article, we’ll share what’s new in WordPress 5.4, and which features you should try after updating your websites.

What is new in WordPress 5.4

WordPress 5.4 is a major release, and unless you are on a managed WordPress hosting service, you’ll have to manually initiate the update.

Important: Don’t forget to create a complete WordPress backup before starting the update.

New and Improved Block Editor in WordPress 5.4

WordPress 5.4 is focused on improving the content editor. This includes new features, enhancements, and new blocks.

Let’s start with the enhancements first.

Fullscreen Editor will be Default in WordPress 5.4

WordPress 5.4 displays the block editor in the fullscreen mode by default.

WordPress fullscreen editor

This change will be noticeable on new WordPress installations, or if you are accessing the WordPress admin area from a new device, browser, or in the incognito mode.

If you are upgrading from WordPress 5.3 using the same browser and device that you regularly use, then your editor will open with the last mode you had enabled.

You can exit the fullscreen mode by clicking on the Editor settings and unchecking the ‘Fullscreen mode’ option.

Turn off fullscreen mode in WordPress

Update: If you want to permanently disable the full screen mode, then see our tutorial on how to disable full screen editor in WordPress.

New Blocks in WordPress 5.4

WordPress 5.4 brings two new blocks for you to use while writing content.

1. The Social Icons Block

As the name suggests, the Social Icons block allows you to add social media icons in your posts and pages.

Social Icons block in WordPress 5.4

After that, you can click on the add button and select a social network that you would like to add. You can then click on the social network icon and provide the link to your profile.

Adding a social network

Social Icons block only allows you to add social media icons with links to your profiles. It does not add social sharing buttons. For that, you’ll still need a social media plugin with sharing features.

2. The Buttons Block

WordPress 5.4 introduces the Buttons block which will replace the Button block. As you can guess from the name of the new block, it allows you to add multiple buttons side by side.

Buttons in WordPress 5.4

You can select the background or gradient colors for each button and choose from two different styles.

Gradient buttons in WordPress 5.4

Improved Blocks Your Should Try in WordPress 5.4

Several blocks in WordPress 5.4 are improved with new enhancements. Here are the top changes that will make a big difference in your writing experience.

More Color Options for Blocks

WordPress 5.4 offers new color options for multiple blocks. This allows you to create more engaging layouts for your posts and pages.

Previously users were only able to change the color of all text in a paragraph. With WordPress 5.4, you can now change the color of any text inside a paragraph block.

Change text color in a paragraph block

You can also choose text and background colors with gradients for cover block, and you can even choose background and text colors for all the blocks inside a group block.

Using background colors for all blocks in a group

If you regularly use the Columns block, then you can also use colors for separating columns from regular paragraphs.

Column colors in WordPress 5.4

Block Selection Tool

A new button in the toolbar now allows you to easily select blocks. This is a really useful tool particularly when you have nested blocks inside a group block.

Select block tool in WordPress 5.4

Simply click on the select tool and then take your mouse to the block you want to select.

Selected block

Drag and Drop to Add Featured Image

Previously, you needed to manually select to upload and set the featured image. This didn’t match the drag and drop ability of the content editor.

Now with WordPress 5.4, you can simply drag and drop an image to the featured image section.

Drag and drop featured image

Better Mobile Toolbar for Block Editor

Previously, if you had to edit a blog post using a mobile device, then you may have noticed how the block settings toolbar moved around.

This made it quite difficult to use the editor on mobile devices. WordPress 5.4 has fixed this with a fixed toolbar on the top.

Mobile toolbar in WordPress 5.4

Select Image Sizes in the Gallery Block

Previously you were not able to select image sizes for images in the image gallery block. Now, you can select image size directly in the gallery block settings.

Gallery image sizes

Improved Latest Posts Block

Previously, the Latest Posts block didn’t include the featured images. You can also choose the size and alignment for the featured image. This makes the Latest Posts block a lot more engaging and useful.

Latest Posts block

You Can Now Embed TikTok Videos in WordPress

WordPress 5.4 includes oEmbed support for TikTok videos. Basically, you can now add TikTok videos to your WordPress posts and pages just like you would embed YouTube videos.

TikTok embed in WordPress 5.4

Simply paste the video URL and WordPress will automatically embed it.

Updated Privacy Tools in WordPress 5.4

WordPress 5.4 brings improvements to the built-in privacy tools. Personal data exports now include session tokens, community events location, and custom user meta.

Personal data export file

Personal data export now comes in two files in HTML and JSON. The HTML file includes a table of contents at the top for easier navigation.

Developer Changes in WordPress 5.4

WordPress 5.4 has several improvements for developers. These enhancements affect theme and plugin developers mostly.

New hooks in WordPress 5.4 allow developers to add custom fields to navigation menu items. (Details)

Developers can now add keyboard shortcuts to the block editor. (Details)

WordPress 5.4 changes the HTML output for the Calendar widget. It moves the navigation links to a <nav> HTML element right after the <table> element in order to produce valid HTML. (#39763)

A new apply_shortcodes() function is now available as an alias to the do_shortcode() function. (#37422)

Some unused customizer classes are now formally deprecated in WordPress 5.4. (#42364)

We hope this guide helped you learn about what’s new in WordPress 5.4. We are excited about the new features and enhancements in the block editor particularly color options and buttons block.

What’s your favorite feature in WordPress 5.4? Let us know in the comments below.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post What’s New in WordPress 5.4 (Features and Screenshots) appeared first on WPBeginner.

WordPress 5.4 “Adderley” Includes Improved Editor, New Blocks, and Developer APIs

WordPress 5.4 “Adderley”, named in honor American jazz musician Nat Adderley, was released today and is now available for download. The update includes new social icons and buttons blocks, usability improvements to the block editor, and new APIs for developers to use in plugins and themes.

This release saw contributions from 168 new volunteers. There were 552 contributors in total.

The release was led by Matt Mullenweg, Francesca Marano, and David Baumwald. They were joined by the following contributors in supporting roles in getting version 5.4 released:

Users can update directly from their WordPress admin or grab a copy from the download page. For more information on updating, view the WordPress 5.4 support guide.

New Block Editor Features

Screenshot of the cover block with a gradient background and an inner social icons block.
Cover block with new gradient background and social icons block.

Users who have not been running the Gutenberg plugin, the project behind editor development, will enjoy an improved editor experience. A slew of features were developed in the past several months. This release will include features from Gutenberg 6.6 through 7.5. Bug fixes from more recent versions of the plugin are also included.

The development team refined the user experience with updates such as making it easier to select multiple blocks and pinning the toolbar to the top of the screen on mobile devices. They introduced a Welcome Guide modal to familiarize end-users with the block editor. Block breadcrumbs are easier to navigate.

The biggest user-facing change is that the block editor now defaults to fullscreen mode. Users who do not prefer fullscreen mode can revert this change by clicking the tools and options button (vertical ellipsis icon) and uncheck the “Fullscreen mode” option.

WordPress has added a gradient background feature to the button and cover blocks. Users can change the color of individual bits of text within all rich text fields (e.g., paragraphs, lists). Plus, the featured image box supports dragging and dropping an image.

The block editor has two new blocks: social icons and buttons. The social icons block allows users to add a group of linked icons to their social networks. This feature will become more useful once WordPress moves to full-site editing in the future. For now, usage may be limited by being able to place them only in post or page content. The buttons block lets end-users create a group of buttons. The existing button block is allowed only within the buttons block now.

With a few exceptions, WP Tavern has covered every major release of the Gutenberg plugin that will be included in this WordPress update. You can catch up all the details of each update via the following links:

Changes for Developers

WordPress 5.4 introduces several changes, some of which break backward compatibility, for plugin and theme authors. For a full overview, see our coverage of the most important code changes in our version 5.4 developer preparation post.

Theme authors now have access to the Gradients API for the cover and button blocks. They should also make sure their theme block styles handle the new social icons and buttons blocks.

There are some breaking changes that theme authors may need to account for. Several CSS classes have been renamed within the block editor. The core team also rewrote the HTML markup for the calendar widget and updated its classes.

Block developers can now use the Collections API to group collections of blocks by namespace. The Variations API allows developers to create variations of an individual block. The new social icons block makes good use of this API to create variations for each of the social icons.

Plugin and theme authors have new hooks for adding custom fields to nav menus. WordPress 5.4 also introduces the apply_shortcodes() alias for the former do_shortcode() function.

How to build a bad design system

I didn’t realize this until it was far too late, but one of the biggest mistakes that’s made on a design systems team is a common mismanagement issue: there are too many people in a meeting and they have too many dang opinions.

Is there a conversation about the color of your buttons that’s taking place? Great! Everyone needs a consistent set of colors so that users know what to click and so that designers don’t have to choose from a smorgasbord of options. But the tough question at the beginning isn’t what colors we should choose and when to pick them, but rather this: how many people are in that dang room?

How many people are making decisions about your design system?

Are three people talking about the buttons in your design system? Wonderful. Are there 20? Woof! That’s a serious problem because it shows that far too much energy is being spent on the wrong things; it’s nothing short of mismanagement, in fact.

(This is why I reckon design systems aren’t about design or even about systems. It’s actually about managing people and their time, attention, and focus. But that’s a rant for another day.)

Anyway, the hard call that someone on a large design team will have to make at some point or another is deciding which people need to leave the room. And that sounds really mean, I get it, but it’s the kind thing to do. If everyone has opinions then, first, nothing will get done and, second, you’ll end up causing rifts when some opinions are shunned and others are heard.

It was thoroughly shocking to me when I started my first big design systems project that the more people that joined any given meeting, the less effective we were. It was like the IQ of the room dropped by ten thousand points. And I was also shocked that the hardest problem wasn’t about building the system; learning about TypeScript, making sure components were accessible, doing audits, etc. Instead it was this: the whole too-many-people-in-a-meeting thing.

Everyone cannot possibly be allowed to voice their opinions about every tiny detail of the UI and at some point someone needs to come in and draw a line as to who is allowed to care about what things. That’s not to say that people aren’t allowed to have feedback — feedback should always be welcome! — but one of the main advantages of having a design systems team is to offset all those decisions onto someone else.

I was listening to this livestream of Jason Fried and DHH the other day and they mention that:

If you want to be even less sure about something, all you have to do is ask one more person what their take is.

That’s definitely the feeling I had when too many people were talking about buttons or borders or anything, really. This sort of hopeless feeling that change just isn’t possible. And that you can’t make a decision about something because you need to massage the egos of everyone in the room.

This also reminds me of this great post by Paul Ford about what the web is:

“Why wasn’t I consulted,” which I abbreviate as WWIC, is the fundamental question of the web. It is the rule from which other rules are derived. Humans have a fundamental need to be consulted, engaged, to exercise their knowledge (and thus power), and no other medium that came before has been able to tap into that as effectively.

Working in a big organization is shocking to newcomers because of this, as suddenly everyone has to be consulted to make the smallest decision. And the more people you have to consult to get something done, the more bureaucracy exists within that company. In short: design systems cannot be effective in bureaucratic organizations. Trust me, I’ve tried.


Anyway, the way to fight that is by drawing that line, by kicking people out of meetings that don’t need to be there. It’s really the kindest thing to do because it will make your design system much faster to build, and less stressful for you.

The post How to build a bad design system appeared first on CSS-Tricks.

Max Stoiber’s Strong Opinion About Margins

Going with that title instead of the classic developer clickbait version Max used. ;)

We should ban margin from our components.

Don’t use margin?! This thing I’ve been doing my entire career and don’t have any particular problems with?!

Well, that’s not exactly Max’s point. The point is that any particular component doesn’t necessarily know what context it is in, so it also doesn’t know what kind of spacing is necessary around it. His solution? Leave it to a parent component.

I don’t have any particular problem with that. Then again, constructing things can sometimes feel overwhelming when you’ve got a route component wrapping a query component wrapping a styled component wrapping a state machine component wrapping a spacer component wrapping some kind of semantic template. If that sounds like a lot, I bet a lot of y’all’s JavaScript-built codebases nest much deeper than that already.

In this world of component-driven front-ends, we need to make sure we don’t end up with such thick soup we can’t reason through it.

This also reminds me of a bold prediction from Adam Argyle, that the use of margin will decline entirely as gap is used more heavily in all-flexbox-and-grid situations.

Direct Link to ArticlePermalink

The post Max Stoiber’s Strong Opinion About Margins appeared first on CSS-Tricks.

Compare The Best Call Center Software

Want to jump straight to the answer? The best call center software for most people is Nextiva or RingCentral.

With the right software, you can set up your call center without running any new wires or waiting months to deploy. Phone, video, chat, text–choose the channels you need and get your team set up in hours, not months.

All of my recommendations here just need the internet–there’s no expensive hardware to buy. You may even be able to use your existing devices to manage your call center needs.

The 9 Best Call Center Software of 2022

  • Nextiva — Best overall (For a limited time get 25% off, plus a free phone, when you sign up!)
  • RingCentral — Easiest deployment for SMBs
  • Cloudtalk — Best call center software for remote teams
  • Freshdesk Contact Center — Simple contact center software for teams of all sizes
  • 8×8 — Best contact center software for enterprise-grade security
  • Five9 — Best all-in-one contact center software
  • CrazyCall — Best call center software for outbound sales
  • Zendesk Talk — Best call center software for support and automated ticketing
  • Talkdesk — Best call center software for end-to-end customer experience
How to choose call center software for your business. Quicksprout.com's methodology for reviewing call center software for business.

I focused on finding call center software that is easy enough to use for employees and administrators. You shouldn’t have to call the vendor to add an extension or switch up a phone tree. Maybe 10 years ago that was normal, but today’s call center software is a lot more approachable.

As we continue through this guide, I’ll give you an in-depth review of each provider on this list. I’ll discuss the features, benefits, pricing, and other considerations so you can make an informed decision for your business.

Best Call Center Software Reviews

Nextiva – Best Overall

  • Affordable call center software
  • Supports voice, chat, video, SMS, and Email
  • Easy call administration
  • Intelligent call distribution
Get started today

Nextiva is a popular business communications company with excellent software for call centers. All of their products are competitively priced, and the Nextiva platform takes no time for new agents to learn.

If you just need voice communication, Nextiva can set you up with the essential features. If you want to add chat, text, and email, you can do that, too.

Because it can support these additional channels, it’s marketed as Nextiva Contact Center rather than just call center.

Because it’s a cloud-based call center, deployment is quick and there’s no hardware required. This is definitely one of the faster, more economic ways to get a call center off the ground.

Nextiva landing page for contact center software

And it’s way less of an IT headache. Agents sign into their Nextiva account to make or answer calls. Rather than rely on your phone system and security, they can rely on Nextiva. This is a dream if you have remote workers.

The thing I like most about Nextiva is that most of the setup is stuff you can handle on your own. Setting up a phone tree or an auto-attendant? Any administrator can build these out quickly on the Nextiva platform without having to call IT.

Every plan they offer can fully support a call center. Voicemail, call routing, call recording–everything is handled in the web-based platform.

You can integrate landline phones by using Nextiva’s business phone service if you want, but call centers are definitely trending towards the cloud.

You’ll have to get in touch with Nextiva for pricing, though they advertise prices as low as $50/agent per month. They offer the following packages for their Contact Center solution:

Nextiva pricing for call center software

Larger call centers will definitely from the workforce management features and QA tools that come with Enterprise plans. Administrators will get more tools to dig into agent performance to find out who’s doing well and who needs support.

Nextiva offers a built-in CRM, but you can connect a ton of the most popular solutions out there with pre-built integrations.

This is a no-fuss call center solution. You can reach out to Nextiva’s expert customer service 24/7, but you may not need to call them. Getting a CRM hooked up to a call center is never a picnic, but the Nextiva team is there to help.

Get in touch with Nextiva today to find out more about their award-winning call center solutions.

RingCentral – Easiest Deployment for SMBs

  • Great for sales & service teams
  • 40+ robust features
  • 99.99% guaranteed uptime
  • Wide range of options
Get started today

RingCentral can help you create a call center without spending a ton of money or waiting months before you can actually use the phones.

You can support any channel, but if you just want voice, RingCentral has that at a great price. If you want to add channels over time, it’s a simple upgrade.

RingCentral has tons of pre-built integrations with popular software and runs on virtually any technology. This is going to minimize disruption and surprise spending.

RingCentral landing page for call center software and customer experience.

You can connect your call center to your CRM, ERP, or marketing automation software to RingCentral. Put critical customer information and powerful tools in the hands of every employee without having to build the whole integration out yourself.

It’s also a great option for remote and work-from-home employees. Everyone is signing right into RingCentral, so your company doesn’t have to worry about maintaining a firewall or setting up VPNs for employees on-the-go.

There’s just a lot less for your team to worry about when it comes to deploying RingCentral. Sure, it’ll take some time to tune everything up with your CRM, but a lot of the traditional call center headaches are off your plate.

It’s also very easy for people to learn. You don’t have to be some telecom guru to set up a phone tree.

RingCentral Contact Center has more than 40 robust features like intelligent routing, call queueing, and workforce management tools. You’ll also benefit from administrative and management features like surveys, call recording, and analytics.

RingCentral is safe, secure, and reliable. They have a guaranteed uptime of 99.99%, and the software gives your agents the ability to work from anywhere.

Here’s a quick glance at the RingCentral Contact Center plans:

RingCentral pricing plans with options for Essentials, Standard, Premium, and Ultimate plans

Now let’s take a closer look below the surface to see what each plan offers:

List of what each RingCentral pricing plan offers

You’ll need to contact the RingCentral sales team to get a quote for your business.

But as you can see, they have options for everyone. Smaller teams that only need solutions for inbound calls can use the Basic plan. The standard call routing capabilities will be more than enough for a simple phone tree.

If you want omnichannel inbound call center support, the Advanced option will be best for you. For both inbound and outbound calling, you’ll need the Ultimate plan.

This is going to centralize every channel your team uses–talk, text, voice, video, and chat–within a single dashboard. It makes your employees lives a lot easier.

RingCentral is a trusted name in the VoIP phone and video industry. Their call center software is consistent with the high-level quality you’d expect from this provider.

Cloudtalk – Best Call Center Software for Remote Teams

  • Great for remote teams
  • Smart IVR feature guides callers where they need to go
  • Starts at $20 per user per month
  • Salesforce integration with Expert plan
Get started now

Cloudtalk offers remote-ready phone center services at a great price.

With more than 2,500 call centers powered by Cloudtalk, They’re trusted by businesses like Fujitsu, Mercedes-Benz, Booksy, DHL, and more. So you’ll be in good company if you use them.

They stand out because they allow you to run virtual call centers from anywhere in the world. As the name suggests, they leverage cloud technology to give you a secure calling experience.

Cloudtalk Homepage

Cloudtalk’s intuitive platform also includes a great dashboard that gives you insight into your customer when their call is in the queue. This gives you a chance to anticipate their needs before you even speak with them.

Cloudtalk’s Smart IVR is a standout feature. It is an interactive voice response system that routes calls to exactly the people who need to take them. You’ll also be able to choose language preferences and map out the customer journey with their drag and drop call flow designer.

Here’s a look at their annual plans:

Cloudtalk pricing plans

Starter — $25 per user per month

  • Unlimited inbound and intercompany calls
  • Click to call
  • Automated call distribution
  • Mobile app
  • Unlimited call queuing
  • International numbers

Essential — $30 per user per month

  • All features in the Starter plan
  • Advanced analytics
  • Real-time client dashboard
  • Integrations with other systems
  • Open API
  • Skill-based routing
  • Smart queueing
  • SMS messaging
  • Workflow automation

Expert — $50 per user per month

  • All features in the Essential plan
  • Salesforce integrations
  • Power dialer
  • Smart dialer
  • Call monitoring
  • Wallboards
  • Account manager
  • Speech to text
  • Sentiment score
  • Unlimited concurrent calls

Cloudtalk also offers enterprise-grade custom plans for remote teams with unique needs. This includes developer support, custom reporting, and SLA.

I’d go with the Essential plan at a bare minimum. The integrations and analytics tools alone make it worth the extra five bucks per user a month. Overall though, this is a solid investment for any remote or distributed teams.

>> Compare Quotes

Freshdesk Contact Center – Simple Contact Center Software For Teams of All Sizes

  • Free 21-day trial
  • Cloud-based solution
  • Wide range of features
  • Used by 50,000+ customers

>> Compare Quotes

Freshdesk Contact Center, formerly known as Freshcaller, is call center software provided by Freshworks. They’re another well-known, trusted, and established name in the world of business solutions.

Like other Freshworks products, Freshdesk Contact Center is a cloud-based solution that’s both simple and modern. It’s easy for any business to use, regardless of its size and technical expertise.

More than 50,000 businesses use Freshdesk Contact Center’s software for a call center. It’s used by inbound sales agents as well as customer support teams.

Freshdesk home page

Pricing for Freshdesk Contact Center is a bit unique. You’ll pay a monthly rate for the plan you select based on the features offered. But you’ll also pay per minute based on usage.

Let’s take a look at those plans first before we dive into the usage rates.

Freshdesk Contact Center pricing plans

Free — $0

  • Inbound caller ID
  • Custom greetings
  • Desktop notifications
  • Call metrics

Growth — $15 per agent per month (billed annually)

  • Up to 2000 incoming minutes per month free
  • Basic call queues
  • Number porting
  • Wait queues
  • Voicemail
  • Warm transfer
  • Call recording
  • Pre-built reports

Pro — $49 per agent per month (billed annually)

  • Up to 3000 incoming minutes per month free
  • Advanced call metrics
  • Agent extensions
  • Call center agent statuses
  • Routing automation
  • Power dialer
  • Call monitoring
  • IVR (phone trees)
  • Call conferencing
  • Bring your own carrier
  • Call tagging

Enterprise — $79 per agent per month (billed annually)

  • Up to 5000 incoming minutes per month free
  • Abandoned call metrics
  • Service level monitoring
  • Omnichannel routing
  • Speech-enabled IVR (phone trees)
  • Voicebot
  • Includes 5000 bot sessions per month

From startups to growing teams and global companies, Freshdesk Contact Center has an option for everyone.

Call rates are based on factors like device (browser vs. phone), country, and whether or not the call is incoming or outgoing. Incoming rates start as low as $0.014 per minute, and outgoing rates start at $0.022 per minute.

To see an estimate for your needs, try the Freshdesk Call Center Estimator to help calculate the cost for the average calls per month, duration, plan, number of agents, location, and more.

You can try Freshdesk Contact Center for free with a 21-day trial.

>> Compare Quotes

8×8 – Best Contact Center Software For Enterprise-Grade Security

  • Customized Solutions
  • Omnichannel routing
  • Real-time analytics
  • Improve agency productivity
Get Started Now

The longstanding communications provider 8×8 offers a complete contact center solution. Tie together all of your channels in a single location to give your employees the best possible footing

Top features include skills-based call routing, queued callback, web callback and IVR (interactive voice response). 8×8 also has inbound chat, email, and social channel contact solutions for your call center software.

This means that your call center agents will be able to communicate with customers on any channel from within a single platform. In today’s world, it’s so important to give your teams the ability to see the entire customer conversation across every channel.

8x8 (eight-by-eight) landing page for their call center and contact center software

You’ll also benefit from real-time analytics and reports. This information is available from any device. It details customer journeys and wait times for every customer across all channels.

8×8 also helps you improve productivity. A private knowledge base, expert connect, simple interface, and comprehensive communication hub ensures that all customer communication is handled quickly and efficiently.

Your 8×8 Contact Center integrates with CRMs like Zendesk, Salesforce, Microsoft Dynamics, and more.

8×8 is a top solution for large businesses and enterprises. It has advanced features with a global reach.

The 8×8 Contact Center has exceptional security. It’s compliant with HIPAA, FISMA, and more. 8×8 has tools to ensure privacy for sensitive data entry fields as well.

You’ll need to contact the 8×8 sales team for a custom quote on your solution.

Five9 – Best All-In-One Contact Center Software

  • All-in-one contact center solution
  • Cloud-based solutions
  • Work from anywhere
  • 2,000+ business customers

>> Compare Quotes

Five9 is an all-in-one contact center solution.

The Five9 Intelligence Cloud Contact Center gives your customer service agents the power and flexibility to work from anywhere.

Five9 home page

Five9 is completely customizable. It’s built to meet the needs of your business, regardless of your size or industry. The software delivers crystal clear voice, strong security, and a 99.99% uptime rate.

The top features and benefits of an all-in-one contact center software include:

  • CRM integration
  • Open platform APIs
  • Call routing
  • Omnichannel support
  • Global voice
  • Self-service tools
  • Analytics
  • WFO
  • Predictive dialing

Five9 has a wide range of solutions based on the type of business you have. They provide call center software for sales, telemarketing, customer service, collections, outsourcers, small business, medium-sized businesses, and enterprises.

The Five9 contact center is fast, reliable, affordable, and easy to use. Contact their sales team to request a demo and get a custom quote.

>> Compare Quotes

CrazyCall – Best Call Center Software For Outbound Sales

  • 14-day free trial
  • Plans start at $11/month
  • Makes sales calls more efficient
  • Great solution for sales teams

>> Compare Quotes

CrazyCall is a top call center solution for sales teams. It offers features like auto dialing, call monitoring, call script, call transfers, click to call, and a callback widget.

Their features are tailormade to optimize your call center’s sales.

CrazyCall has other solutions for ecommerce shops, small businesses, and support teams, but the sales features are still the highlight of this software. It even has tools for lead generation on your website. That’s an incredibly useful tool.

Here’s an overview of the CrazyCall plans and prices:

CrazyCall pricing plans, which includes Plus for $30 per user per month and Standard for $20 per user per month

All plans come with a free phone number, API and integrations, and 24/7 customer support. The free minutes each month apply to 122 countries. Beyond that, calls to US landlines start at just $0.01 per minute.

You can try CrazyCall for free with a 14-day trial.

>> Compare Quotes

Zendesk – Best Call Center Software For Support and Automated Ticketing

  • Free lite plan
  • Upgrades start at $19/mo
  • Cloud-based solution
  • Integrates with Zendesk Support

>> Compare Quotes

Zendesk Talk is a cloud-based call center solution is built directly into the ticketing system for Zendesk Support.

Your agents will have access to the full customer history and additional features like call recording and automatic ticket creation.

The software is designed to improve your support process, while eliminating unproductive tasks. Your agents can focus on solutions, conversions, and customers, as opposed to workflow bottlenecks.

Zendesk home page

Top features of Zendesk Talk include:

  • Inbound and outbound calling
  • Custom greetings
  • Local and toll-free numbers
  • Browser-based calls
  • Call forwarding to phones
  • Call blocking
  • Conference calling
  • Group routing
  • Callback from queue
  • Inbound and outbound SMS
  • Advanced analytics
  • Real-time dashboard
  • Call recording and call record permissions

Similar to other call center software on our list, Zendesk Talk is based on a combination of your plan and usage.

Zendesk Talk has a wide range of plans for you to choose from. The list and features for each one are quite extensive. So rather than giving you a complete overview of those, I’ll just quickly cover the starting prices to give you an idea of the cost.

  • Lite — Starting at $0
  • Team — Starting at $19 per agent per month
  • Professional — Starting at $49 per agent per month
  • Enterprise — Starting at $89 per agent per month

Zendesk offers a paid partner edition starting at $9 per agent per month. This is for every agent taking calls with Zendesk Support. To estimate your usage rates, Zendesk Talk has a calculator tool that you can play around with.

>> Compare Quotes

Talkdesk – Best Call Center Software For End-To-End Customer Experience

  • End-to-end customer experience
  • Omnichannel support
  • Customized solutions
  • Used by 1,800+ businesses

>> Compare Quotes

Talkdesk offers tools and software for things like customer engagement, workforce engagement, and reporting.

But their contact center software is their most popular product — and for good reason. It’s an end-to-end customer experience solution designed the meet the needs and expectations of the modern customer.

These people have a certain expectation when they call your company. Talkdesk will help you improve productivity while reducing costs and increasing the customer experience.

Talkdesk home page

Top features of Talkdesk include:

  • Outbound dialer
  • Customer self-service
  • Omnichannel support
  • Agent desktop and mobile agent tools
  • Call recording
  • Integrations with Salesforce, Zendesk, Slack, Zoom, Microsoft Teams, etc.
  • AI virtual assistant
  • Reporting and analytics

For the most part, Talkdesk is used by businesses across a handful of major industries. This includes retail, ecommerce, financial services, healthcare, travel, and hospitality.

Talkdesk has solutions based on call center type (sales, support, BPO) and business size (small, mid, enterprise).

Contact the Talkdesk sales team today for a quote. Join the 1,800+ businesses like Peleton, IBM, and Dropbox using this call center software.

>> Compare Quotes

How to Choose the Best Call Center Software For Your Business

This is the methodology that we use and recommend here at Quick Sprout. The guidelines below will decide which call center solution is the best fit for your company.

Omnichannel Support

The best call center solutions give you multiple ways to connect with your customers.

Leads, customers, and prospects will have more flexibility to reach you— helping to ensure high satisfaction rates.

Decide if you want to integrate communication tools like email, live chat, and social media into your call center solution. These integrations allow your agents to better serve the needs of your customers at each stage of the support process.

Call Center Type

What type of call center are you running? This answer to this question plays a big factor in determining the best option for you.

For example, are you an inbound call center? Or do your agents need outbound dialing capabilities? Not every solution offers both.

The purpose of these calls will also have an impact on the software you choose. Some call center solutions are better for sales, while others are better for customer support, troubleshooting, and ticketing.

Integrations

Look for call center software that integrates with your CRM solution. 

So whether you’re getting an inbound call or your agents are dialing out, you’ll have the complete caller history in front of you, complete with purchases and other brand interactions.

Some of the options on our list have their own full-service CRM systems as well. So you could potentially get an all-in-one solution from the same provider.

Pricing

It’s important that you have a clear understanding of how you’ll be billed for customer call center software. 

But call center software pricing isn’t always so transparent when you’re looking at options online. 

In most cases, you’ll pay based on a combination of usage and support agents. The majority of call center solutions have different plans for different features you need. Make sure to find one that best fits your needs and budget.

Compare Quotes From The Best Call Center Software

Get matched up with the call center software that fits your specific needs.

>> Compare Quotes

The Top Call Center Software in Summary

The world today is digital—but phone support still plays a crucial role in customer service. That means having good call center software to power your support. Nextiva and RingCentral are the best call center software solutions on the market.

Every business providing phone support for customers can benefit from call center software. From startups to enterprises and everything in between, you can find what you need using our guide and methodology.

Affinity Designer Review: An Affordable Tool For Creative Designs

Finding a software that is easy to use, has advanced cross-platform functionality, and allows you to explore different options as a graphic designer is essential.  Affinity Designer is a must-have if you’re a vector artist who likes to work on the go.Below is a detailed Affinity Designer review with all the features, pros, and cons. […]

The post Affinity Designer Review: An Affordable Tool For Creative Designs appeared first on designrfix.com.

How to install a download counter in my code

I have a download section in my index.php that I'd like to add a download counter to but have no idea how to accomplish this. The existing code works perfectly but I'd like to know how many times the file is downloaded. Would prefer not to use a database.

<!--  DOWNLOAD -->
<div id="download" class="stylized">
    <div "myform">
    <div class="container">
        <div class="row">
            <div class="download">
                <br /><br>
                <h1><center>FoxClone Download Page</center></h1>
                   <?php
                    $files = glob('download/*.iso');
                    $file = $files[count($files) -1];
                    $info = pathinfo($file);
                    $filename =  basename($file);
                    $filename = ltrim($filename,'/');
                    $md5file = md5_file($file);
                   ?>

                     <div class="container">
                        <div class="divL">                       
                            <h3>Get the "<?php echo "{$filename}";?>" file (approx. 600MB)</h3>
                        <center>  <a href="<?php echo "/{$file}";?>"><img src="images/button_get-the-app.png" alt=""></a> </center><br />
                            <h3 style="margin-bottom: 0.5rem;">The MD5sum for "<?php echo "{$filename}";?>" is "<?php echo "{$md5file}";?>  

Thanks in advance,
Larry

APIs and Authentication on the Jamstack

The first “A” in the Jamstack stands for “APIs” and is a key contributor to what makes working with static sites so powerful. APIs give developers the freedom to offload complexity and provide avenues for including dynamic functionality to an otherwise static site. Often, accessing an API requires validating the authenticity of a request. This frequently manifests in the form of authentication (auth) and can be done either client side or server side depending on the service used and the task being accomplished. 

Given the vast spectrum of protocols available, APIs differ in their individual auth implementations. These auth protocols and implementation intricacies add an additional challenge when integrating APIs into a Jamstack site. Thankfully, there is a method to this madness. Every protocol can be mapped to a specific use case and implementing auth is a matter of understanding this.

To illustrate this best, let’s dive into the various protocols and the scenarios that they’re best suited for.

Summon the protocols

OAuth 2.0 is the general standard by which authentication today follows. OAuth is a fairly flexible authorization framework that constitutes a series of grants defining the relationship between a client and an API endpoint. In an OAuth flow, a client application requests an access token from an authorization endpoint and uses that to sign a request to an API endpoint.

There are four main grant types — authorization code, implicit flow, resource owner credential, and client credentials. We’ll look at each one individually.

Authorization Code Grant 

Of all OAuth grant types, the Authorization Code Grant is likely the most common one. Primarily used to obtain an access token to authorize API requests after a user explicitly grants permission, this grant flow follows a two-step process.

  • First, the user is directed to a consent screen aka the authorization server where they grant the service restricted access to their personal account and data.
  • Once permission has been granted, the next step is to retrieve an access token from the authentication server which can then be used to authenticate the request to the API endpoint.

Compared to other grant types, the Authorization Code Grant has an extra layer of security with the added step of asking a user for explicit authorization. This multi-step code exchange means that the access token is never exposed and is always sent via a secure backchannel between an application and auth server. In this way, attackers can’t easily steal an access token by intercepting a request. Google-owned services, like Gmail and Google Calendar, utilize this authorization code flow to access personal content from a user’s account. If you’d like to dig into this workflow more, check out this blog post to learn more.

Implicit Grant

The Implicit Grant is akin to the Authorization Code Grant with a noticeable difference: instead of having a user grant permission to retrieve an authorization code that is then exchanged for an access token, an access token is returned immediately via the the fragment (hash) part of the redirect URL (a.k.a. the front channel).

With the reduced step of an authorization code, the Implicit Grant flow carries the risk of exposing tokens. The token, by virtue of being embedded directly into the URL (and logged to the browser history), is easily accessible if the redirect is ever intercepted.

Despite its vulnerabilities, the Implicit Grant can be useful for user-agent-based clients like Single Page Applications. Since both application code and storage is easily accessed in client-side rendered applications, there is no safe way to keep client secrets secure. The implicit flow is the logical workaround to this by providing applications a quick and easy way to authenticate a user on the client side. It is also a valid means to navigate CORS issues, especially when using a third-party auth server that doesn’t support cross-origin requests. Because of the inherent risks of exposed tokens with this approach, it’s important to note that access tokens in Implicit Flow tend to be short-lived and refresh tokens are never issued. As a result, this flow may require logging in for every request to a privileged resource.

Resource Owner Credential

In the case of the Resource Owner Credential Grant, resource owners send their username and password credentials to the auth server, which then sends back an access token with an optional refresh token. Since resource owner credentials are visible in the auth exchange between client application and authorization server, a trust relationship must exist between resource owner and client application. Though evidently less secure than other grant types, the Resource Owner Credential grant yields an excellent user experience for first party clients. This grant flow is most suitable in cases where the application is highly privileged or when working within a device’s operating system. This authorization flow is often used when other flows are not viable.

Client Credential

The Client Credentials Grant type is used primarily when clients need to obtain an access token outside of the context of a user. This is suitable for machine to machine authentication when a user’s explicit permission cannot be guaranteed for every access to a protected resource. CLIs, and services running in the back end are instances when this grant type comes in handy. Instead of relying on user login, a Client ID and Secret are passed along to obtain a token which can then be used to authenticate an API request.

Typically, in the Client Credential grant, a service account is established through which the application operates and makes API calls. This way, users are not directly involved and applications can still continue to authenticate requests. This workflow is fairly common in situations where applications want access to their own data, e.g. Analytics, rather than to specific user data.

Conclusion

With its reliance on third party services for complex functionality, a well-architected authentication solution is crucial to maintain the security of Jamstack sites. APIs, being the predominant way to exchange data in the Jamstack, are a big part of that. We looked at four different methods for authenticating API requests, each with its benefits and impacts on user experience.

We mentioned at the start that these four are the main forms of authentication that are used to request data from an API. There are plenty of other types as well, which are nicely outlined on oauth.net. The website as a whole is an excellent deep-dive on not only the auth types available, but the OAuth framework as a whole.

Do you prefer one method over another? Do you have an example in use you can point to? Share in the comments!

The post APIs and Authentication on the Jamstack appeared first on CSS-Tricks.

9 Best Church Website Builders of 2020 (Easy for Beginners)

Have you been tasked with creating a website for your church? If you’re not a professional web designer or developer, this can be a daunting task.

The good news is that there are plenty of ways to create a church website that looks great and does everything you need it to do.

In this guide, we’re going to compare the best church website builders that you can use to build a church website without writing any code.

Best church website builders (easy for beginners)

How to Find the Best Church Website Builder for You

When you’re considering which church website builder to pick, you’ll want to look for features that help you accomplish key tasks.

Creating a calendar: You’ll need to list your regular services, and perhaps other activities, on your website.

Uploading sermons: If you plan to put sermon recordings on your website, then you’ll want an easy way to do this.

Different user accounts and permissions: You’d probably want to have certain church members (volunteers) be able to update the website when needed, without giving them access to everything.

Allowing members to register and login: You might want to have some content, like the minutes of church meetings, only available to registered church members.

Taking donations: If you plan to take donations through your website, then you need to make sure that your church website software will support this.

Design and Templates: You should pick a website builder that has a wide variety of church website templates. You also want it to have an easy design customizer that lets you customize the design, add images, update colors and more, so you can create a church website that matches your church’s brand.

With that said, let’s take a look at the pros and cons of the most popular church website builders, so you can choose the best software for your need.

1. WordPress

WordPress

WordPress.org is the #1 software for building church websites. It’s the most popular website builder in the world and powers over 35% of all websites on the internet.

Note that WordPress.org, also called “self-hosted WordPress”, is different from WordPress.com (mentioned later in the article). If you’re keen to know how they’re different, take a look at our guide that compares WordPress.org vs. WordPress.com.

WordPress is a completely free website builder that gives you full control and all the features you’ll need to build a website. But since it’s self-hosted, you will need to have a domain name and web hosting to build a website with WordPress.

Pros:

  • WordPress has hundreds of different church templates and layouts (themes) that you can use, both free and paid. Here’s our expert pick of the best church themes for WordPress.
  • There are plugins available to cover any feature your church website is likely to need. For instance, you might want the Sermon Manager plugin and one of these donation and fundraising plugins for your church website.
  • WordPress has over 55,000+ free WordPress plugins which are like apps for your website that lets you add additional functionality like contact forms, photo galleries, image sliders, and more.
  • You can use popular WordPress page builder plugins like Divi, Elementor, or Beaver Builder to create completely custom church websites without writing any code.
  • WordPress lets you create as many user accounts as you want. These can be set up with different roles and permissions, so you can limit full admin access to just one or two people.
  • With WordPress, you fully own your website. You don’t have to worry about ads appearing on your site as they do with some other free or cheap website builders.
  • There’s a huge supportive community around WordPress, making it easy to get help when you need it. We even run our own free Facebook group called WPBeginner Engage where you can find lots of encouragement and support.

Cons:

  • You’ll need to handle updates, backups, and security yourself. There are lots of WordPress plugins that can help with this, though.
  • WordPress can sometimes be a bit daunting when you’re just starting out. You may find there’s a bit of a learning curve.

Pricing:

WordPress itself is free, but you’ll need to pay for a domain name and web hosting. The cost of a domain name is normally around $9 – $15/year and web hosting normally starts around $7.99 / month.

Luckily, Bluehost, a popular web hosting company, has agreed to offer WPBeginner readers a free domain name and a generous 60% discount on hosting. Basically, you can start a church website for $2.75 per month.

→ Click Here to Claim This Exclusive Bluehost Offer ←

Once you have setup your domain and hosting, please see our guide on how to make a WordPress website (step by step).

Note: you can use WordPress with all major hosting providers. If for some reason, you want a different hosting provider, then we recommend SiteGround or any of these top WordPress hosting companies.

2. Constant Contact Website Builder

Constant Contact's website builder

The Constant Contact Website Builder is one of our top choices for an all in one website solution. They provide web hosting, so you don’t need to buy that separately.

The Constant Contact website builder is powered by AI (artificial intelligence). This makes it very easy and quick for you to build a church website.

Pros

  • You can get started with the Constant Contact website builder completely free. This is a great option for small churches or those on a very tight budget.
  • It’s very quick to create your church website. Just type in “church” for the type of site and you’ll be shown appropriate stock images you can use. You can then click a few options to finish creating your site.
  • There’s support available 24/7. You can contact their team by email or live chat even on the free plan. We found that the live chat team was helpful and quick to respond.
  • Your site layout and design can be customized in almost any way you can imagine. Constant Contact has a huge library of images (over 550,000) to choose from. Of course, you can also upload your own images.
  • Although there isn’t a specific donations feature, you can create and sell products even on the free website plan. You could create a product that’s called “Donation” or similar. Donors can’t set their own amount, however.
  • All plans, including the free one, come with an SSL certificate. This allows your site to use the secure https protocol instead of http.
  • You can connect Constant Contact websites with their powerful email marketing service to send regular newsletters.

Cons

  • You can’t create multiple users for your site, even if you’re on one of the paid plans. If you want other people to be able to edit the site, you’ll need to give them your login. This could lead to security breaches or someone accidentally deleting pages from the site.
  • If you want to use a custom domain name, rather than one ending in constantcontactsites.com, you’ll need to upgrade to a free plan. These start from $10/month. However, you do get your domain name for free on that plan.
  • Your site will show ads on the free plan. You’ll need to upgrade to get rid of these.
  • Constant Contact takes 3% commission on website sales on the Free and Starter plans, meaning it’s not an ideal platform for taking donations.

Pricing

The Constant Contact website builder has a free plan. If you want to remove ads and use your own domain name, you’ll need to pay $10/month for the Starter plan.

The Business Plus plan, at $20/month, could be useful if your church wants to sell products, event tickets, or anything else online.

3. Gator by HostGator

Gator website builder

Gator is another all in one website builder, making it a great option if you want to keep things as simple as possible. You can choose from different website templates to create your site.

It’s fully hosted for you by HostGator, one of the biggest web hosting platforms in the world.

Pros

  • You’ll have unlimited pages, space, and bandwidth for your site. This means you don’t need to worry about running out of space or getting charged if your site gets a lot of traffic.
  • A domain name is included for free (for 12 months) regardless of which plan you’re on. Alternatively, if you’ve already bought a domain name from a different domain name registrar, you can simply connect it to your site.
  • There’s support available 24/7 through live chat, phone, and email.
  • There are over 200 different templates available. You can customize these, though you can’t later switch templates completely.

Cons

  • Unlike Wix, WordPress, or Constant Contact, Gator does not have free plans, and there’s no free trial available either.
  • There’s no easy way to accept donations through your website unless you pay for the eCommerce plan.
  • The pricing isn’t very transparent. Your site might end up costing you quite a bit more than you’re expecting as time goes by.

Pricing

The cheapest Gator plan costs from $3.84/mo, which requires you to pay upfront for two years. If you want to pay monthly, it’s $4.99/month.

Note that all the listed prices are for your site’s “first term” only. So if you opt for the $4.99/month option, you’ll be paying $9.99 from your second month onward.

4. Sharefaith

Sharefaith website builder for churches

Sharefaith is a popular website builder designed specifically for churches. It is a dedicated platform and comes with a support team to help you get started.

Pros

  • There are plenty of different church website templates to pick from. All of these are specifically designed for churches, so you won’t find yourself skipping through lots of irrelevant ones.
  • You can view and try out the website builder without paying anything. Just pick a template that you want to demo.
  • Sharefaith will migrate your old site for free (so long as you pay for a yearly plan).
  • There are loads of different images, like website banners, you can choose from. You can also upload your own images to use on your site.
  • You can easily add the audio or video recording of sermons to your website. With these, you can select who preached the sermon and what series it was in.
  • There’s a built-in calendar feature so you can list services and other events.
  • With your website, you’ll also get Sharefaith Giving. This makes it easy for you to accept donations and tithes through your website.
  • Membership includes access to the full Sharefaith media library, with over 90,000 graphics, images, videos and so on.
  • You can add additional users to your Sharefaith website using the ‘Advanced’ tools.

Cons

  • Sharefaith definitely isn’t the cheapest website builder out there and probably won’t suit churches on a very tight budget.
  • You’re restricted to the functionality that Sharefaith has. Unlike WordPress, you don’t have access to the same level of plugins or extensions.

Pricing

Sharefaith costs $45/month if you pay annually or $50/month if you pay monthly for their “media + web” plan. That plan is the minimum you can purchase if you want to create a website.

This could well be worth it for you if you want to use lots of the specialist functionality, like the ability to upload sermons.

5. Ministry Designs

Ministry Designs website builder for churches

Ministry Designs is another website that specialises in providing sites just for churches.

Pros

  • There are lots of gorgeous templates to choose from, all of which are fully responsive. That means they’ll look great on mobile devices as well as on computers.
  • There’s unlimited training, and your assigned “Ministry Success Representative” will use screen-sharing technology to show you exactly how to build your website.
  • You’ll get an hour-long initial phone call, plus as much support as you need after that to build your site.
  • Ministry Designs is very geared up for churches, with features where you can upload sermons, create a calendar, and even create and manage an email list.
  • You can have multiple user accounts for your site. You can have 3 users for free, or more if you pay extra.
  • The support team was very responsive and friendly. You can contact them through the website’s live chat without signing up for anything.

Cons

  • You’ll be paying a large upfront fee. The ongoing hosting isn’t super-cheap, either.
  • The templates aren’t necessarily any better or more advanced than those that you could use on other (much cheaper) website builders.
  • Ministry Designs doesn’t actually create or design your website for you. They just walk you through the process of using their templates.

Pricing

Ministry Designs charges $1,000 upfront for their software and support. You’ll then be paying $20/month for ongoing hosting.

It’s a lot to pay. You may find it’s worth it if your church needs a website but doesn’t have a volunteer with the technical skills to create one without a lot of hands-on support.

6. Nucleus

Nucleus website builder for churches

Nucleus is an all in one church website builder, with a bunch of useful features like the ability to upload sermons and create email lists.

Pros

  • There’s a 30 day free trial, which doesn’t require any credit card details. If you find that you need longer to evaluate the website builder, just contact Nucleus and they can give you extra time.
  • Nucleus offers “scholarships” for smaller churches and startups. It’s worth enquiring about these if your church would struggle to afford the regular Nucleus payment plans.
  • There’s lots of helpful documentation, plus support available through live chat.
  • Nucleus is designed to be a “central hub” for your church. There’s a particular focus on signup forms so that you have a single place you can point people to.
  • There’s a Facebook group you can join to talk about church website building with other people who are using Nucleus too.
  • When you sign up for Nucleus, you also get access to their library of video footage clips. Note that only a small number of these are available during your free trial.
  • There are lots of pre-created social media posts that you could use on your social media channels. These are all images with text overlayed and come with suggested captions.

Cons

  • The support team are only available from 9am to 5pm EST, which could mean waiting quite a while for a reply at some points.
  • If you want to take donations, you need to pay a flat fee for this service from RebelGive. It could well be worth it if you get a lot of donations through your website, though.
  • Currently, you can’t have multiple users for your website. When we asked the support team, they said this feature would be added in the future.

Pricing

Nucleus costs $125/month if you pay monthly or $99/month if you pay upfront for a year.

You don’t need to pay more if your website grows. It’s a single flat fee that gives you access to all their features.

7. WordPress.com

The WordPress.com website builder

WordPress.com is an all in one hosted platform that’s based on the same underlying code as WordPress.org.

It’s easy to get confused about the difference between WordPress.org and WordPress.com. The key thing to know is that WordPress.com is a commercial offering whereas the WordPress.org software is free and open-source.

There are restrictions on what you can do with WordPress.com and the free plan is quite limited, which is why we normally recommend WordPress.org instead. However, WordPress.com can be the right choice in some situations.

Pros

  • WordPress.com is hosted for you, so you don’t need to worry about backups, updates, or security. It’s all handled on your behalf.
  • There are hundreds of different themes (designs) that you can choose from for your website. This includes many options, both free and premium, that are suitable for churches.
  • The paid plans are fairly cheap if you’re on a tight budget.
  • It’s quite straightforward to move from WordPress.com to WordPress.org in the future. This helps keep your options open.

Cons

  • You can’t customize your site to the same degree as you can with many other website builders.
  • WordPress doesn’t have a drag and drop interface like some other website builders, so it can be harder to get to grips with.
  • The free plan is very limited and doesn’t provide any support.

Pricing

The paid plans are fairly cheap, starting at just $4/month (billed annually) for a custom domain name and 24/7 support.

If you want more features, the Premium plan is $8/month (billed annually).

8. Weebly

Weebly website builder

Weebly is another all in one website builder. Most people find it really easy to use, and it comes with lots of designs that you can use as a starting point for your website.

Pros

  • All of Weebly’s designs are fully editable using the drag and drop interface. It’s very beginner-friendly and easy to use even if you’ve never created any sort of website before.
  • There’s built-in eCommerce support, which you could use to take donations. However, Weebly charges a 3% transaction fee on sales through your website.
  • There’s an App Center that you can use to add extra features to your site. There are a number of different audio players you could add, for instance, if you want to put sermons on your site.
  • The support team are available 24/7 through email, and during extended business hours (6am to 6pm PST) by live chat. If you’re on the Pro plan or higher, you can also call them on the phone.
  • If you’re on the Pro plan or higher, you can create a membership area for your site. This means you can protect information that you only want church members to be able to view.

Cons

  • Unlike other website builders such as Constant Contact, Weebly doesn’t have an AI creation process. This means it may take you a bit longer to create your site.
  • The apps you can install are limited and you won’t be able to get such relevant features as you could with other website builders. There isn’t a specific “sermon” app, for instance.

Pricing

Their paid plans start from $6/month (billed annually), but this won’t let you remove ads. You’ll need to pay for the $12/month Professional plan if you want to remove ads and have unlimited storage.

9. Squarespace

The Squarespace website builder

Squarespace is a very popular website builder that again offers an all in one platform.

It’s easy to use and allows for multiple users, which could be really handy if you want to have several people working on your church’s site.

Pros

  • It’s simple to add images, videos, and audio files using Squarespace’s block editor. This could be particularly handy if you want to upload sermons to your site.
  • There’s a good number of different templates available on Squarespace.
  • You can take a free trial without needing to enter your credit card details.
  • There are a huge number of fonts available with Squarespace, which could be helpful if you want to match your website fonts to specific ones you’re using in printed materials.
  • You can add contributors (other users) to your website and you have some degree of control over what permissions they have. The Personal plan only lets you have 2 contributors, but the other plans are unlimited.
  • Squarespace handles images well, making it easy for your images to look great on different devices. You can browse and pick free images from Unsplash within Squarespace itself.
  • If you’re on the Business plan or higher you can take donations through your website, using the ‘Donations’ block on any of your pages.

Cons

  • There aren’t any Squarespace templates specifically designed for churches. The “Community & Non-Profits” templates might make a good starting point but you’ll likely want to modify them a lot.
  • There are some third-party extensions available for Squarespace, but not nearly as many as you could get with a different platform like WordPress.
  • If you’re on the Business plan rather than an eCommerce plan, Squarespace charges a 3% fee on donations. This is in addition to the fee charged by the payment processor.

Pricing

The Personal website plan is $12/month (if you pay annually).

We’d recommend going for the Business plan, at $18/month (also billed annually). This gives you access to premium blocks and extensions, as well as the ability to take donations.

Expert Pick: Which is the Best Church Website Builder?

WordPress is hands down the best website builder for churches. There’s a reason why it’s the most popular website builder in the world powering over 35% of all websites on the internet.

It comes with dozens of church templates and design customizer options that you can use to build your church website without writing any code.

Best Church WordPress Themes

From a cost perspective, it’s the most affordable with the Bluehost web hosting offer that includes a free domain and free SSL.

You can also quickly add any feature like donations, sermons, contact form, photo galleries, membership, email marketing and so much more with popular WordPress plugins.

To create your church website, you can follow our step by step guide on how to make a website with WordPress (video included).

If you want a WordPress alternative, then we recommend using Constant Contact’s website builder. The free plan lets you create a full website for your church even if you’re on a very tight budget. It seamlessly integrates with their marketing automation platform, so you can send email newsletters to your community members.

We hope this article helped you learn about the best church website builders. You may also want to take a look at our list of the best WordPress plugins for non-profits.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post 9 Best Church Website Builders of 2020 (Easy for Beginners) appeared first on WPBeginner.

CSS-Only Marquee Effect

Some time ago I encountered this great Dribbble shot by Francesco Zagami. It has a really nice marquee animation when hovering a menu item (you have to wait a couple of seconds to see the menu).

I really love this effect and I have seen it in more designs recently. So I wanted to try and implement it using CSS only, without any JavaScript, and share it with you. After some searching, I found an interesting solution on StackOverflow and one by Alvin Kobie on Codepen.

For this demo, I needed to adjust the styles a bit to create the exact effect seen in Francesco’s Dribbble shot, like offsetting the marquee text and fading it in on hover. The marquee requires text repetition so that the illusion works. The main idea is to animate the marquee infinitely, restarting it seamlessly.

For that we can use the following markup:

<div class="marquee">
	<div class="marquee__inner" aria-hidden="true">
		<span>Showreel</span>
		<span>Showreel</span>
		<span>Showreel</span>
		<span>Showreel</span>
	</div>
</div>

… and these styles:

.marquee {
    position: relative;
    overflow: hidden;
    --offset: 20vw;
    --move-initial: calc(-25% + var(--offset));
    --move-final: calc(-50% + var(--offset));
}

.marquee__inner {
    width: fit-content;
    display: flex;
    position: relative;
    transform: translate3d(var(--move-initial), 0, 0);
    animation: marquee 5s linear infinite;
    animation-play-state: paused;
}

.marquee span {
    font-size: 10vw;
    padding: 0 2vw;
}

.marquee:hover .marquee__inner {
    animation-play-state: running;
}

@keyframes marquee {
    0% {
        transform: translate3d(var(--move-initial), 0, 0);
    }

    100% {
        transform: translate3d(var(--move-final), 0, 0);
    }
}

For the marquee to have an offset (i.e. we want to show the first item, cut off at the beginning), it basically needs to be pulled back. So let’s use four repeated items, like this:

The amount that we want the items to be pulled back is defined in the variable --move-initial. So -25% makes it move back the exact length of one item (as we have four in total).

And the --offset lets us adjust this a bit, so that we see some of the text. --move-final is the end position of the animation, where we can seamlessly start a new loop. It’s half of the way (two items now), again with one item on the left being cut off the same amount like in the initial position. By setting an adequate font size (in vw), we can make sure that three repetitions are visible in the viewport. This is important for the “illusion” to work (i.e. start the next loop).

For the demo, I’ve added some more transitions and images with a blend mode. Have a look at the code if you’d like to see how that all works together.

I really hope you like this demo and find it useful!

Credits

CSS-Only Marquee Effect was written by Mary Lou and published on Codrops.

What Should You Do When A Web Design Trend Becomes Too Popular?

What Should You Do When A Web Design Trend Becomes Too Popular?

What Should You Do When A Web Design Trend Becomes Too Popular?

Suzanne Scacca

I read an interesting article on Forbes recently about language saturation. Here’s the problem:

Consumers don’t always understand the technicalities of what businesses do or the solutions they’ve created for them. So, copywriters use jargon that translates something like “Internet-connected devices with computing capabilities” into “smartphones”, “smart watches” and “smart speakers”.

Some of these buzzwords spread like wildfire and it soon becomes impossible to find a brand or website that doesn’t use them. When that happens, the words — and the associated product or service — become meaningless in the minds of consumers because everyone is saying the same thing.

The same thing happens when design trends become too popular. This is something Vitaly Friedman talked about last year with regards to cookie consent notices and banner blindness.

But what choice do you have? Are you supposed to hop on the design bandwagon anyway so your website doesn’t get left behind? Today, we’re going to look at what your options are.

To be clear, I’m not suggesting that you ignore any and all rising design trends.

There are certain trends that we absolutely need to adopt across the board. Like minimalism and mobile-first design. When there’s substantial, quantifiable proof that a design technique is needed, please don’t ignore it.

What I’m talking about are design trends that aren’t aimed at strengthening the web. Instead, they’re solely about driving up engagement on websites.

Brutalism. Facebook Messenger pop-ups. Home page hero sliders. The second that popular websites begin to adopt these trends and once writers and designers start including them in design trend roundups, it’s only a matter of months before consumers are inundated with them. And this is when banner blindness kicks in.

So, what are your options when you learn about a new design trend that promises big results?

Option 1: Ignore It and Stick with What Works

There are a few reasons you should consider going with this option:

You work on short-term website projects.

For those of you who build websites, hand them over to clients and then wish them luck as you move onto the next, it’s probably not a good idea to play around with fad-like design trends.

You know how quickly design trends change, so why put your client in a position where they have a website with an outdated design? One of three things is going to happen:

  1. They’ll leave the outdated feature as is and have no idea that it’s costing them conversions.
  2. They’ll ask you for help in removing the feature not too long after launch and won’t be happy about needing a rework so soon.
  3. They’ll ask another designer for help because they’re upset you put them in this less than ideal position.

Unless your client has a very good reason why they need to exploit a passing design trend, try to dissuade them from it. If they understand the fleeting nature of some of these trends, as well as how banner blindness develops from oversaturation, they should be onboard with you sticking to what works.

You’re designing (or redesigning) a site for a very well-established company.

When building a website for a company that has a long-standing reputation with its audience as well as a tried-and-true formula for success, adopting a passing trend could be risky.

Take Zillow, for example.

Zillow homepage on mobile
The homepage for Zillow on mobile (Image source: Zillow) (Large preview)

This is the mobile homepage as it stands today. It’s simple, sleek and intuitive by nature.

Can you imagine what would happen if the designer decided to add a video background to the hero banner? Or to interrupt the property browsing experience with a pop-up advertising a free ebook download?

You have to really think about what disruptions to the expected design would do to the flow of things. So, when building something for a brand that’s known for its consistency and convenience, it’s best to ignore passing trends.

This doesn’t mean that a website like this shouldn’t be redesigned. Like I said before, lasting design “trends” can’t be ignored as they enable us to move websites in the right direction (like responsive design). For example, this was Zillow in 2017:

Zillow mobile homepage in 2017
The mobile homepage for the Zillow website in 2017 (Image source: Zillow) (Large preview)

See how far we’ve come in terms of making websites mobile responsive and mobile-first in just a few years? These are the kinds of popular changes that don’t require debating.

The company’s goal is to build relationships; not to increase sales.

I realize that every website needs conversions in order to survive. However, many business models can’t sustain with just one-off sales. It costs too much money to constantly market to new customers, which is why some businesses focus on building long-term relationships with their customer base.

And that’s why you need to steer clear of conversion-boosting design trends on these kinds of websites.

Take, for instance, Gary Vaynerchuk’s website:

Gary Vaynerchuk mobile site
The mobile website for Gary Vaynerchuk is free of passing design trends and elements. (Source: Gary Vaynerchuk) (Large preview)

Remember when every website seemed to have a pop-up containing two buttons — one of which would be super-positive like “Yes, I want to change my life!” and the other which was meant to shame the visitor with something like “No, I like living in squalor.”

How do you think Vaynerchuk’s always-growing loyal following would feel if the site displayed one of those pop-ups? Not only would they be annoyed by the disruption keeping them from the content, but they’d probably be upset that he’d use such a shameless ploy to bully them into signing up.

If the brand you’re building a website for is on a similar mission — to build long-lasting and meaningful relationships — you don’t want to sully that with bad design decisions.

Option 2: Adopt the Trend But Keep an Eye on Market Saturation

Patrick Ward, the author of the Forbes article mentioned above, explained that many writers in the fintech space have had to pivot towards a simpler style of writing:

“At first, new startups used jargon and buzzwords to highlight their brand new tech and give themselves a competitive edge.”

I think this is a good lesson for designers as well. It’s not always a bad thing to hop on a design trend’s bandwagon — especially if it’s proven to work and it’s still in the very early stages of public awareness.

So, while there are clear cases where it makes sense to avoid design fads, I think there are times when it makes sense to take advantage of them. The only thing is, you can’t just implement the design and then leave it be.

For instance, this is the 15 Finches website on desktop:

15 Finches website animation
A walk-through of the animation on the 15 Finches website on desktop. (Source: 15 Finches) (Large preview)

Now let’s compare this same animated experience to what users get on their mobile devices:

15 Finches mobile website
A walk-through of the 15 Finches website on mobile with layering errors and no animation. (Source: 15 Finches)(Large preview)

There are a number of design choices made on this mobile site that should’ve been long phased out.

  1. The vertical typography in the background should go. It might add texture to the desktop site, but it’s just a confusing distraction on mobile.
  2. The animation on the desktop site doesn’t translate to mobile. To present visitors with a consistent experience, the designer should commit to mobile-first design.
  3. There are also layering errors all over the mobile site, with text often covering other bits of text as well as missing call-to-action buttons.

As I said, there are some sites where it’s okay to adopt short-term design trends. Just keep an eye on them.

For example, the Hubspot site design is always changing, but any design trends it adopts never seem to overstay their welcome. Hubspot tends to cut out just before they become too much. And that’s a key thing to remember.

Hubspot mobile site with chatbot widget
Hubspot’s mobile site continues to use a chatbot widget to guide prospective customers in the right direction. (Image ource: Hubspot) (Large preview)

As you can see, the mobile site still uses a chatbot widget. For a business that sells sales and marketing software, it’s an important element to retain even if other sites have since ditched theirs.

That said, I’m positive that Hubspot keeps close tabs on its user data so it probably has confirmation that the element continues to work well. This is just one of the things you should be mindful of when monitoring a trend.

If you want to utilize popular design trends, you need to be in it for the long haul with your clients. That way, the second you start to notice:

  • Oversaturation in the market,
  • The trend has gone completely stale,
  • Or your users aren’t responding positively to it.

You can immediately move the website to safer ground.

Option 3: Go in a Similar But Different Direction

When a design technique or element immediately and universally becomes popular, there’s more value to it than just its ability to increase conversions or create a prettier design.

Take a look at why it’s caught on the way it has. If you understand what’s driving the popularity of the fad, you can leverage the strongest parts of it, make it your own and have something with real staying power.

Do you remember the New York Times’ Snow Fall article in 2012? This was shortly after parallax scrolling started to pick up speed in web design. And despite some websites utilizing the trend, it was the way the NYT creatively integrated it along with interactive and animated images that really blew people away — so much so that it won a number of journalism awards for it.

Notice that the NYT didn’t try to redesign its website with parallax scrolling or interactivity. It took the basic principles gaining in popularity and applied it to one groundbreaking story. By considering how the trend could be best used for maximum impact, the NYT turned a short-term fad into something that would make its story memorable.

If you understand what’s driving the popularity of the fad, you can leverage the strongest parts of it, make it your own and have something with real staying power.

Let’s take a look at a more recent example of a site using this approach.

You’re all familiar with the trend of split-screen design, right? It worked really well on desktop, both in its static form as well as when one half of the screen would remain put while the other moved. But on mobile? It wasn’t so great.

While we’ve seen a lot of split screen designs get phased out, EngineThemes has made the trend its own:

EngineThemes mobile site with split screen design
EngineThemes has put a playful twist on the once-trendy split screen design. (Source: EngineThemes) (Large preview)

Upon entering the site, it’s a look we’re familiar with as consumers. But it doesn’t take long to realize that this is going to be a different experience.

For starters, the bobbing bird and red double-headed arrow are something you don’t see much of, if at all, on other sites. I can’t imagine many visitors scroll past this banner without engaging with it.

Secondly, there are no words in this banner on mobile. (There are on the desktop website.)

One of the reasons why this design trend doesn’t work anymore is because it can’t be used on mobile sites — there just isn’t enough space to split the screen and fit enough words in there. Or is there?

EngineThemes hidden message to mobile visitors
EngineThemes has hidden a message in its animated, split screen graphic. (Image source: EngineThemes) (Large preview)

Eagle-eyed visitors will notice that there’s a message carefully hidden in the bird graphic when the arrow is moved to the right. Granted, the text should be bigger, but mobile visitors can zoom in if they’re struggling to read it.

It’s a string of code that reads:

"EngineThemes provides effective business solutions with simple and powerful WordPress app themes."

But do you see what I mean? When a design trend suddenly becomes popular — for a short or long while, too — it doesn’t necessarily mean you need to use the same exact version of it like everyone else. This is why oversaturation quickly turns once great-looking websites stale.

By taking what’s so innovative about a design trend and making it your own, though, you can give the trend real staying power while making your site a standout in the process.

Wrapping Up

When we overdo it by leveraging the same design trends as everyone else, we put our websites at risk of becoming redundant or, worse, invisible. So, how do we establish a cutting edge if we can’t make use of design “jargon”?

The truth is, there’s no one clear-cut answer. You need to be able to read the room, so to speak, and figure out which approach is best for you. You could leave the passing trend alone, you could adopt it temporarily or you could make it your own.

Further Reading on SmashingMag:

Smashing Editorial (ra, il)

Check Out These Famous Logos Practicing Social Distancing – McDonald’s, Mercedes, and More

volkswagen social distancing logo

We all know about the new coronavirus that has been affecting hundreds of thousands of people worldwide.

And while scientists, researchers, and doctors are all working tirelessly to find a cure for this terrible disease, one thing is for sure: staying home is saving lives.

The greatest tool that we have right now to help prevent or slow the spread of this disease is by social distancing.

I believe I speak for everyone when I say that social distancing has been hard. From loneliness to a bit of relaxation, binge designing, and probably doing a good, deep-cleaning of your house, we’re all doing the best we can from behind our front doors.

But people are not the only ones practicing social distancing.

Brands Are Changing Their Logos To Practice Social Distancing

brands creating social distancing logos

[source]

We’re seeing loads of different companies change their logos to demonstrate them practicing social distancing and the importance of it in general. 

Not everyone is a fan of this new trend, though. Many people are looking at it as insensitive and saying that it diminishes the seriousness of this pandemic.

And while brands are getting backlash for this, I have something to say to those people throwing shade.

I genuinely love this trend.

Seeing the creativity brands are putting into designing new logos brings a little smile to my face and I’m sure to lots of other people as well.

So let me show you the different brands that changed their logos to encourage social distancing during COVID-19.

1. McDonald’s

mcdonald's social distancing logo

Last week, we saw that McDonald’s Brazil did something crazy to their logo. They separated the two iconic yellow arches, in order to keep their social distance from each other.

When they posted their new social distancing logo to Facebook, they wrote that although people can’t come to McDonald’s and eat and be together right now, they are still delivering food and have their drive-thru open to all those who are having a strong burger and fries craving.

2. Coca-Cola

coca-cola logo social distancing

[source]

Coca-cola ads have never been anything short of loving, fun, and dreamy. They’ve always been focus on sharing a coke with friends, going outside, and adventuring.

But things are different now with this new virus going around, and they’re adapting and spreading a great message.

“Staying apart is the best way to stay united.”

Have a Coke at home, and soon enough, we’ll all be able to go outside and enjoy each other’s company again.

3. Mercedes

mercedes social distancing logo

Mercedes was the newest company to join the bandwagon and create a social distancing logo.

And they demonstrate that perfectly by keeping the Mercedes star just out of reach of the iconic rim.

4. Audi

audi social distance logo

These four rings have been separated for the first time and finally get to breathe.

Audi left a bit of room between each ring and told all of their followers to stay home for the time being.

Audi has posted a video on social media encouraging people to stay home and stay safe during this time.

Be like the four rings!

5. Volkswagen

volkswagen social distancing logo

Volkswagen has separated its letter elements within the logo to demonstrate social distancing.

They took to social media and posted the clever logo for all their followers to see.

Volkswagen also released an emotional video that they created, along with the new social distancing logo, that encourages people to stay home.

“We stood strong through more than one crisis. We did this together. We need to keep our distance. Thank you for keeping yours.”

6. Nike

Although Nike didn’t tweak their logo, they did start a huge social media campaign encouraging followers to stay home and play for the world.

We’ve all wanted to do something big, life-changing, and even world-changing at some point.

Well, now is your chance.

Just by staying inside and keeping your social distance, you are keeping others safe, and even alive.

Doing something bigger than yourself and stay home for the time being.

Things will be better eventually, and we’ll have the time to do all the things we’ve planned.

Until then, stay home, create something new, start that new design project you never had the time for, and just be still.

Until next time, folks.

Stay creative!

 

 

 

 

 

 

Read More at Check Out These Famous Logos Practicing Social Distancing – McDonald’s, Mercedes, and More