🎊 CFDesignHacks Launch Special | $0 FREE Unlimited 14-Day Trial 🎊
Hook your visitors attention. Bring a smile to their face. Build trust.
Compatible with CF 2.0 and CF Classic.
Made for Clickfunnels with ♡
That's why I created CF Design Hacks
These effects have been used by over 200+ funnel agencies and builders alike.
When using our design hacks the duration that people stay on the page increases by a factor of 1.5x according to Google Analytics
We've built funnels for clients for over 9 years now and we've found what bridges the gap between trust and no-trust from a design standpoint.
CFDesignHacks is a copy-paste library of CSS and JS snippets to bring your funnel ALIVE. Our effects library is packed with beauty and intention to convert. When we create something, we put in the time, Love and dedication required to make something epic. And people can feel it. We hope you do, too :)
Copy-Paste Design Hacks Library
Compatible with CF 2.0 and CF Classic
Easy-to-follow Tutorials
What's up beautiful people, my name is Christian and I am the founder of CFDesignHacks and Lovepixel Agency.
At our agency we've had the honor and joyto create sites and funnels for some of the biggest names in the conscious entrepreneurship space.
We mainly work with coaches, speakers, authors and influencers to maximize their branding and conversion - a big part of that is animation/micro interactions to keep visitors engaged while scrolling the site/funnel.
I felt always restricted by the design capabilities of Clickfunnels so I decided to create this little copy-paste CSS/JS library over the years and share it with the world, hence CFDesignHacks was born.
You also might know this as typewriter effect.
Let this Animated Background Gradient bring
your Sales Page / Thank you Page / Optin Page
etc. to life.
Typing Effect Features
​• Delay the time/speed of typing effect and backspacing
• ​Enable/Disable looping effect
​• Change the color of typing font
​• Change the color of the backspace
You need some extra bit of animation on your headline, text elements? We got you covered.Â
Customization Features
• customize speed and gradient of animation
• apply on any text on page
(headline, paragraph, bullet etc.)
Add a touch of flair to your page with the Animated Gradient Divider. It's like a colorful line that moves and changes colors. Use it to separate sections and add a dynamic twist to your design!
Divider Customization Features
• customize width and height
• customize speed and angle of gradient animation
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer vulputate laoreet nulla sed rhoncus nisl tincidunt
eu. Fusce sit amet nisl non est vestibulum aliquet. Aliquam
gravida, velit quis pulvinar placerat.
Let this Animated Background Gradient bring
your Sales Page / Thank you Page / Optin Page
etc. to life.
This Animated Polygon Background adds animated geometry shapes to section that responses to mouse movements (interactivity can also be disabled).
Polygon features
  • Customize size. density, number of
    polygons
  • Customize color
  • Customize interactivity
This Animated Particle Effect adds particle shapes to any section in Clickfunnels that responses to mouse movements . this options can be applied over any kind of background Highly customizable.
Particle features
• customize interactivity
nodes (triangle, circle. star etc.)
• customize color of lines, shape of
• customize size density, opactiy
Similar to the Particle Effect, this Animated Triangle Effect makes your Clickfunnels pages shine with animated triangles.
This Premium Effect is the Animated Confetti Background. This is especially helpful for Thank you / Success Pages. Make your buyer feel rewarded & awed at the same time.
You also get access to 4 Premium Section Transitions to make your Funnel look epic. This is number #1. These transitions were specifically designed for Clickfunnels to increase conversion & usability.
This is number #2. Perfect for those who want to look different than the rest. These transitions were specifically designed for Clickfunnels & can be used right away on any funnel page you have.
This is number #3. Perfect for those who want to stick out – ideal for bold brands. These transitions were specifically designed for Clickfunnels & can be used right away on any funnel page you have.
This is number #4. Perfect for harmonious branding & forms – ideal for Life Coaches etc. These transitions were specifically designed for Clickfunnels & can be used right away on any funnel page you have.
Make your buttons pop with the Animated Gradient Button. It changes colors as you hover over it, adding a fun touch to your page. Great for encouraging clicks!
The Animated Shiny Button is like a shiny gem on your page. It sparkles as you move your cursor, giving your website a polished and fancy feel.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer vulputate laoreet nulla sed rhoncus nisl tincidunt
eu. Fusce sit amet nisl non est vestibulum aliquet. Aliquam
gravida, velit quis pulvinar placerat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer vulputate laoreet nulla sed rhoncus nisl tincidunt
eu. Fusce sit amet nisl non est vestibulum aliquet. Aliquam
gravida, velit quis pulvinar placerat.
When you use the Animated Pulsing Button, it's like your button is breathing. It gets bigger and smaller gently, catching attention and guiding clicks.
With the Gradient Outline Button, your buttons have a cool outline that fills with color when you hover. It's sleek and modern, perfect for a stylish look.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer vulputate laoreet nulla sed rhoncus nisl tincidunt
eu. Fusce sit amet nisl non est vestibulum aliquet. Aliquam
gravida, velit quis pulvinar placerat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer vulputate laoreet nulla sed rhoncus nisl tincidunt
eu. Fusce sit amet nisl non est vestibulum aliquet. Aliquam
gravida, velit quis pulvinar placerat.
Try the Animated Sliced Button for a unique twist. It's like a puzzle piece that moves when you touch it. It's a fun way to make your buttons interactive!
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer vulputate laoreet nulla sed rhoncus nisl tincidunt
eu. Fusce sit amet nisl non est vestibulum aliquet. Aliquam
gravida, velit quis pulvinar placerat.
Finally an FAQ Accordion/Toggle Module inside of Clickfunnels. It hides answers until you click, keeping things neat. It's perfect for sharing info without overwhelming your page.
The Animated LIVE-Stream Icon is a little icon that moves indicating that you're aLIVE. It's like a virtual "On Air" sign. Viewers will know you're streaming / have an (inter)active brand.
14 Day Free Trial, after that: 17/mo
cancel anytime from your account backend
one-time
available for limited time during launch phase
We are confident that our effects will bring you increased conversion. If for some reason, you change your mind, just cancel from your account backend or reach out to us for help at info@cfdesignhacks.com
8 Matte Device Mockups
You get Lifetime Access to 8 Free Black Matte
Devices Mockups for Personal and
Commercial projects for your funnel designs.
- 8 Matte Black Mockups
- Photoshop use
Gradient Library
Additionally you get immediate access to my favorite collection of Gradient Libraries
that can easily be used right away on any Clickfunnels funnel page you have.
- 80+ effects available
- Copy-Paste HexCode if desired
- Filter gradients by mood / color
(perfect for already existing brand / funnel)
- Rotate angles
- Download as JPEG/PNG for Clickfunnels Background Image
besides the fact that they look incredible 🤩
No Photoshop skills required
No Design Skills required
HOW TO Tutorials included
besides the fact that they look incredible 🤩
No Photoshop skills required
No Design Skills required
HOW TO Tutorials included
Have more questions?
Reach out to us at info@cfdesignhacks.com
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vulputate laoreet nulla,
sed rhoncus nisl tincidunt eu.Â
Love what you see?
Great, me too!
Pick your plan - monthly or lifetime - and go to checkout.
Get immediate access to CFDesignHacks.
14 Day Free Trial, after that: 17/mo
cancel anytime from your account backend
one-time
available for limited time during launch phase
DISCLAIMER - This site is NOT part of FACEBOOK or CLICKFUNNELS or associated with FACEBOOK or CLICKFUNNELS.
© 2023+ CF Design Hacks I All rights reserved I Privacy Policy I Terms of Service I Refund & Return Policy