October 4, 2023

Learn how to Build Cwicly Components for Your Posts

Play Video
Tutorial Walkthrough
This video tutorial provides an in-depth walkthrough, and we recommend following along with the video to grasp the concept fully. Below, you'll find a summary of the tutorial, but please note that it may leave out some detailed steps, so watching the video will give you the most comprehensive understanding.

Cwicly Components are a versatile way to add dynamic features to your website. This tutorial will walk you through the process of building Cwicly Components for your posts. We’ll cover everything from setting up your component to customizing its styles.

Setting Up Your Component

Initial Setup

  1. Navigate to Components > Add New.
  2. Name it “Cwicly Card Component.”

HTML Structure

Create a simple HTML structure with a wrapper div, an icon div, and a text content div.

Adding Properties

Basic Properties

  1. Go to Component Settings.
  2. Add properties for the icon and text.

Additional Properties

Add properties for icon size and color.

Styling the Component

Base Styles

Set a background color and add a drop shadow.

Style Variants

Create two styles: one centered and one left-aligned.

Conditional Styling

Add a visibility setting for the icon.

Implementing in a Grid

  1. Add a section block.
  2. Insert a columns block.
  3. Place the Cwickly Card Component in each column.

Cwicly Components – Conclusion

Building Cwicly Components for your posts is a straightforward process that offers a lot of flexibility. By following this tutorial, you’ll be able to create dynamic, customizable components that can be easily integrated into any WordPress site.

Required Resources

Cwicly Logo
Free Options
Credit to Grant Ambrose
With a focus on Bricks Builder, WooCommerce, and other essential tools, Grant provides in-depth tutorials that are easy to follow and packed with valuable insights. Whether you're a business owner, a developer, or a designer, you'll find a wealth of knowledge on this channel that can help you optimize your WordPress website, enhance its functionality, and improve your sales process.
Learn how to Build Cwicly Components for Your Posts
Welcome back!
Enter your Helwp credentials to sign in.

No Account yet? Sign Up

My Account
Give Feedback
Describe your feedback *
Rate Helwp
Problem *
Describe the problem
Want us to reply?
Your E-Mail
Affiliate Disclosure

At Helwp, we’re committed to transparency and honesty. Therefore, we want to inform you that some of the links on our website are affiliate links. This means that, at no additional cost to you, we may earn a small commission if you click through and make a purchase.

We only promote products or services that we genuinely believe in. These affiliate commissions help us to maintain the website and continue to provide you with free, high-quality WordPress content.

If you are interested in how you can support us even further, check out our support page.