- 167
- 260 798
Without Code
Canada
เข้าร่วมเมื่อ 14 ส.ค. 2018
Without Code is your web design secret weapon! Trusted by over 24,000 designers around the world, Without Code is a website creation platform that enables you to build, manage and host all of your client websites.
With over 200 modern templates and plugins to get you started, our pro-level site builder allows designers to stretch their creative muscles. When you're done, simply one-click publish your site to one of the worlds largest and most secure hosting services.
Need to make a site update? Manage all of your client sites from a single dashboard, or invite your customer to make updates directly through a custom branded content management system.
Try the platform out for free - www.wocode.com
With over 200 modern templates and plugins to get you started, our pro-level site builder allows designers to stretch their creative muscles. When you're done, simply one-click publish your site to one of the worlds largest and most secure hosting services.
Need to make a site update? Manage all of your client sites from a single dashboard, or invite your customer to make updates directly through a custom branded content management system.
Try the platform out for free - www.wocode.com
Professional Scroll Animations and Effects for Your Websites
If you're looking for beautiful animations for your site that are triggered by scroll, you've come to the right place. Scroll animations are the perfect interactive visuals because they don't require any complex interactivity from the user - all they need to do is scroll!
When scrolling back up, animations gracefully reverse, creating a distinct user experience that looks amazing - regardless of how a user is interacting with your site.
Lottie animations are lightweight and won't slow down page speed like other visuals. And Lottie has the world's largest free, ready-to-use, customizable animation library.
Timecodes
0:00 - Intro and demo
0:46 - Opening in the Wocode editor
1:03 - Preview of what we’re building
1:23 - Setup instructions
1:54 - Widget settings
3:02 - Uploading your own animation file
3:40 - JSON URL method
4:52 - More widget options
6:05 - Design options
7:05 - The finished product
See the demo: demo.wocode.com/lottie-scroll-animation
This effect is only available at Without Code. Try Without Code for free - www.wocode.com/register/without-code-free/
Facebook - WebsitesWithoutCode
Instagram - withoutcode
Twitter - without_code
When scrolling back up, animations gracefully reverse, creating a distinct user experience that looks amazing - regardless of how a user is interacting with your site.
Lottie animations are lightweight and won't slow down page speed like other visuals. And Lottie has the world's largest free, ready-to-use, customizable animation library.
Timecodes
0:00 - Intro and demo
0:46 - Opening in the Wocode editor
1:03 - Preview of what we’re building
1:23 - Setup instructions
1:54 - Widget settings
3:02 - Uploading your own animation file
3:40 - JSON URL method
4:52 - More widget options
6:05 - Design options
7:05 - The finished product
See the demo: demo.wocode.com/lottie-scroll-animation
This effect is only available at Without Code. Try Without Code for free - www.wocode.com/register/without-code-free/
Facebook - WebsitesWithoutCode
Instagram - withoutcode
Twitter - without_code
มุมมอง: 495
วีดีโอ
A Text Scroller Effect for Displaying Impactful Headlines on Your Site
มุมมอง 2903 หลายเดือนก่อน
The Scroll & Hover Text widget connects important headline text on your site to the site visitor's scrolling action. As the visitor scrolls, text scrolls across the screen in dramatic fashion. And to kick the interactivity up a notch, when the site visitor hovers over lines of text, the text is highlighted and alternate text is displayed while hovered. This effect is great for displaying descri...
A Living & Breathing Background Option for Rows and Columns
มุมมอง 1924 หลายเดือนก่อน
Our latest widget offers a unique alternative for the background of a row, column or inner row. So if you're looking for something other than a standard image or video background, the FX - Cells widget will create a background of living, breathing motion. The organic feel of the movement is subtle, and will blend into most site designs. Utilize a cell color or a combination of colors to match y...
AI-Generated Sections - A Bold Step Into AI-Assisted Site Design
มุมมอง 3605 หลายเดือนก่อน
The latest AI feature in the Without Code builder brings us into an all new territory of AI-assisted design. AI Generated Sections take a few simple text prompts and turn them into fully-designed sections, complete with images, headlines, paragraph text and buttons. With this new ability to create high quality sections in your sites within just seconds, it’s easy to imagine how powerful this ca...
A One-Of-A-Kind Background for Headlines Features & Sections on Your Site
มุมมอง 2096 หลายเดือนก่อน
The FX - Rings widget displays a series of colorful rings that rotate in opposing directions, all while the entire concentric grouping tilts in a 3-dimensional space. Use this effect as a one-of-a-kind background for important headlines, heroes or features on your site. And don't forget about the thing that makes the FX series of widgets unique: they are applied to elements as a background. Thi...
Tips and Conclusions | Flex Training by Without Code
มุมมอง 1466 หลายเดือนก่อน
In the 7th & final Episode, we discuss a few essential tips to ensure your success when working in Flex. Try Without Code for free - www.wocode.com/register/without-code-free/ Facebook - WebsitesWithoutCode Instagram - withoutcode Twitter - without_code
Example Layouts | Flex Training by Without Code
มุมมอง 2156 หลายเดือนก่อน
In Episode 6, we will open a pre-made Flex template and discuss how it was built, why it was designed this way, and considerations for your next responsive site build. Try Without Code for free - www.wocode.com/register/without-code-free/ Facebook - WebsitesWithoutCode Instagram - withoutcode Twitter - without_code
Advanced Grids | Flex Training by Without Code
มุมมอง 1706 หลายเดือนก่อน
In Episode 5, we look at Advanced Grids: how they work, how they are different from Columns and Boxes, and when to use them in a design. Try Without Code for free - www.wocode.com/register/without-code-free/ Facebook - WebsitesWithoutCode Instagram - withoutcode Twitter - without_code
Columns and Boxes | Flex Training by Without Code
มุมมอง 1786 หลายเดือนก่อน
In Episode 4, we discuss the differences between Columns and Boxes, explain how each one works, and look at how they differ and when to use one over the other. Try Without Code for free - www.wocode.com/register/without-code-free/ Facebook - WebsitesWithoutCode Instagram - withoutcode Twitter - without_code
Flex Editor Tour | Flex Training Series by Without Code
มุมมอง 2626 หลายเดือนก่อน
In Episode 3, we take a tour of the Flex editor and discuss the primary functions of Flex. Try Without Code for free - www.wocode.com/register/without-code-free/ Facebook - WebsitesWithoutCode Instagram - withoutcode Twitter - without_code
Adding Flex to a Site | Flex Training by Without Code
มุมมอง 2966 หลายเดือนก่อน
In Episode 2, we show you how to enable Flex in the Without Code dashboard and look at several options for adding and accessing Flex from within the builder. Try Without Code for free - www.wocode.com/register/without-code-free/ Facebook - WebsitesWithoutCode Instagram - withoutcode Twitter - without_code
Introduction | Flex Training by Without Code
มุมมอง 3096 หลายเดือนก่อน
In this short introduction, we provide an overview of responsive website design using Flex in the Without Code website builder and set the stage for exploring the powerful features of Flex version 2.0. Try Without Code for free - www.wocode.com/register/without-code-free/ Facebook - WebsitesWithoutCode Instagram - withoutcode Twitter - without_code
Bullet List Pro Widget | Tutorial by Without Code
มุมมอง 2898 หลายเดือนก่อน
The Bullet List Pro widget takes traditional bullet lists to a new level. Instead of a single dot option, Bullet List Pro opens the door to any icon you like. In fact, you can choose from thousands of built-in icons or embed icons from the most popular icon libraries on the web: • FontAwesome 6 • Line Awesome • Material Design Icons • Dripicons Have your own icon? No problem - you can upload yo...
SVG Animate Widget | Tutorial by Without Code
มุมมอง 5609 หลายเดือนก่อน
The SVG Animate widget takes any static SVG file and brings it to life with beautiful eye-catching animations. And since SVG files can be used for text, icons and all types of illustrations, there's almost no limit to the ways you can use this widget to liven up your site. Try Without Code for free - www.wocode.com/register/without-code-free/ Facebook - WebsitesWithoutCode Instagra...
Mortgage Calculator Widget | Tutorial by Without Code
มุมมอง 19110 หลายเดือนก่อน
Mortgage Calculator Widget | Tutorial by Without Code
FX - Clouds Widget | Tutorial by Without Code
มุมมอง 216ปีที่แล้ว
FX - Clouds Widget | Tutorial by Without Code
Introducing AI Assistant - Leveraging AI in the Wocode Builder!
มุมมอง 706ปีที่แล้ว
Introducing AI Assistant - Leveraging AI in the Wocode Builder!
How to Acquire Personal Access Tokens from Airtable Account | Tutorial by Without Code
มุมมอง 1.8Kปีที่แล้ว
How to Acquire Personal Access Tokens from Airtable Account | Tutorial by Without Code
Search Widget | Tutorial by Without Code
มุมมอง 357ปีที่แล้ว
Search Widget | Tutorial by Without Code
Business Directory Widget | 2 of 3 - Setting up an Airtable Collection NEW
มุมมอง 390ปีที่แล้ว
Business Directory Widget | 2 of 3 - Setting up an Airtable Collection NEW
Dynamic Pages - Creating and Managing Collections NEW
มุมมอง 1Kปีที่แล้ว
Dynamic Pages - Creating and Managing Collections NEW
Media Slider Widget | Tutorial by Without Code
มุมมอง 503ปีที่แล้ว
Media Slider Widget | Tutorial by Without Code
FX - Halos Widget | Tutorial by Without Code
มุมมอง 227ปีที่แล้ว
FX - Halos Widget | Tutorial by Without Code
FX - Lively Text Widget | Tutorial by Without Code
มุมมอง 253ปีที่แล้ว
FX - Lively Text Widget | Tutorial by Without Code
FX - Background Patterns Widget | Tutorial by Without Code
มุมมอง 320ปีที่แล้ว
FX - Background Patterns Widget | Tutorial by Without Code
Age Verification Widget | Tutorial by Without Code
มุมมอง 651ปีที่แล้ว
Age Verification Widget | Tutorial by Without Code
Chart Connect Widget | Tutorial by Without Code
มุมมอง 369ปีที่แล้ว
Chart Connect Widget | Tutorial by Without Code
Introducing the Dashboard Notification Center
มุมมอง 478ปีที่แล้ว
Introducing the Dashboard Notification Center
Kinetic Gallery Widget | Tutorial by Without Code
มุมมอง 598ปีที่แล้ว
Kinetic Gallery Widget | Tutorial by Without Code
Breadcrumbs Widget | Tutorial by Without Code
มุมมอง 8632 ปีที่แล้ว
Breadcrumbs Widget | Tutorial by Without Code
In the dropdown container styling. In the dropdown boarder color, I can’t make it no color. It’s so annoying cuz I love the look of yours. But without that it’s messed up
This should be a native application within W/C. Like Wix is offering.
love this widget. but there is no option for the case sensitive font and it is all upper caps? is there a way to change the fonts to case sensitive?
hi there, thanks for the tutorial. the masking image download link is taking me to 404 page, is this somekind a bug or the page is under build? thanks
Good catch! I've just updated the link inside the widget and it's working now. Sorry for the trouble!
@@websiteswithoutcode all good, thanks for that
Thank you Norman. Great tutorial
Love the cinematic drama this interactive feature creates! Another great effect! Thanks!
Happy you like it - thanks for taking a look!
does this work with updated 2024 WP and Avada?
Hi @bobmusikk, thanks for watching! This widget is available for the Without Code site builder only. Learn more at wocode.com
asks me for billing info.. api isnt free?
Very cool. Can't wait to use it!
very cool, love this feature.
Oh goody! I'm happy you guys keep up with the progress 😄
Very helpful tutorial! Clear and concise explaining everything that needs to be said. Please make more tutorial videos!
Thanks so much! And we are indeed working on ramping up our video production 😉
How about an option to do a vertical timeline and add images to the sections.
Great suggestions - thanks!
can this work on wix?
Hey there! This widget only works in the wocode.com builder
Help im not have token why??
I'm a little confused. I'm using Elementor to add google reviews. Can I add just add my url on restrictions or is there a special url I'm supposed to use? Why did you use the url you used?
Love it, thanks.
I'm super excited to sink my teeth into this tool. Doing SEO for my client's website was always a pain point for me. This is going to be a big game changer for my studio.
We hope it's indeed a game changer for you!
Will it also apply to blog posts?
Yes! It applies to blog posts too
'Promosm'
BZ great job
How do I get this widget to display Dynamic Pages?
Is there a setting to "unhide all?" Hiding could be a good feature to archive fields that you might want to periodically "put away" then "put back out." But if you hide a field on all devices, it is simply invisible on all edit views, right?
Do we able to add videos instead of images?
It's a nice widget however it doesn't seem that we can adjust the text title, description and button location? That would be a big help as it (can) obscure parts of the images & videos. Being able to have "top, middle, bottom" at the very least would be appreciated.
Limited to 5 reviews?
Hi Without code nice widget! Is it possible to use this widget in your header and or background of your site theme? Like I would like to give the idea that the pages are floating in space with gifs.
Hi @MartyrofOdin yes, technically you could!
My largest following is on TikTok, is there something I could watch on how to intergrate that into a page? Maybe a Picture in Picture player and a follower number icon with a follow button that doesn’t take you away from the site when you press it ?
Ok good
can i sell my tracks
Nice...
THANK YOU‼
You're welcome!
That was rather complicated for what it was..
Hi when you click on view member details. What does the option - add to a member plan do. Memberspace don’t accept all the payment methods in my country. So i am planning to collect payment from 2nd different gateway apart from memberspace stripe. Then upon recieving information. Can i change the plan to a different one from memberspace portal.
Hello brother can i enable it on my blogger page...???
Hi @harshsaha, yep you sure can - if your blog is on Without Code
Great feature, thanks.
Can I get the code
did you guys remove containers??
Thanks for the video! One thing that I would find helpful would the ability to change the time frame for when a renewal is coming up. I bill many of my clients outside the portal and I receive emails from WO about 10 days prior. I would find the ability to make say, 2 or 3 weeks out of renewal. Thanks again.
We can't wait to try these on our client's sites.
Steve, You and Norman never fail to be clear, concise, and right on point. Thank you and rock on. Jud Blakely
Thanks Jud! It's always great to get a little positive feedback!
Is your Facebook Comments widget broken? When I add it to my page, nothing appears.
How does this work on mobile?
Hey @KernowDrone, it works similarly to the desktop mode, however there is a reduced number of gallery items in order to better fit mobile devices. The column count is customizable in the widget options.
Hi, is there a way of aligning this to the centre of the page please?
Hi Phoebe, yes you'll want to open the context menu for the widget (right-click or click the gear icon) and center the widget there. Then you may need to also reduce the width of the widget using the blue grab handle on the container
Interesante