Clone Any Website with AI and publish it online for FREE
Vložit
- čas přidán 1. 06. 2024
- Unmissable Deal! 50% OFF on All Plans to Convert Your Designs to WordPress. Only Today!
Check our plans here: yotako.io/pricing
This is MINDBLOWING!
We show how to use AI to:
- CLONE any website
- PUBLISH the clone online!
- EDIT the clone online
All this for FREE and super fast thanks to AI, Yotako and Figma.
You will need:
- Figma and two plugins: Html to Design & Figma to WordPress
- Nothing else :)
In this step-by-step video tutorial, we'll show you how to effortlessly clone any website and transform it into a fully functional WordPress site using AI and two powerful plugins - "HTML to Design" and "Figma to WordPress by Yotako".
Whether you're a beginner or an experienced WordPress user, you'll learn the entire process from start to finish, including how to publish your cloned website online with a domain of your choice, edit it as a design or even change anything online in your clone. Unlock the potential of Figma and WordPress, and create stunning websites with ease with AI by Yotako!
Subscribe now and let's get started on your website cloning journey!
PLUGINS:
Figma to WordPress - by Yotako
bit.ly/45jHNCI
Html to design
www.figma.com/community/plugi...
WEBSITES:
Yotako: yotako.io
Figma: www.figma.com
COMMUNITY:
Share your cloned websites at community.yotako.io/
and in the comments below!
DISCLAIMER:
We want to emphasize that all trademarks and brand names we may use, such as Figma and WordPress, are registered and belong to their respective owners. We have no intention of claiming ownership or association with these trademarks. Our tutorial is solely for educational purposes to showcase the capabilities of the mentioned plugins.
Audio License:
Background Music: Clarity by tubebackr / tubebackr
Creative Commons - Attribution-NoDerivs 3.0 Unported - CC BY-ND 3.0 - Věda a technologie
🌞 Sunny Days Offer: 50% OFF on All Plans! 🌞
Only until midnight today! Transform your Figma designs into WordPress websites with our improved AI and customizable themes.
Visit yotako.io/pricing to secure your discount!
#SunnyDays #FigmaToWordPress #Yotako #WebDesign #AI #WordPress #figma
Thanks.
How about functions such as online shop, and appointment app - how do I integrate to the cloned URL? Many thanks!
This is amazing!
Thanks @alimottaghian6579 !!! Please share your clones with us, here in the comments or with the COMMUNITY at community.yotako.io!
Can it convert to Elementor instead of Gutemberg?
Really good content!
Thanks a lot @visualmodo!
Hola Benjamín, necesito ayuda, cuando estoy en el lienzo de figma y le doy a la extensión de html to design para que me de opción a pegar la URL de la página que quiero clonar. No me sale para pegar la web, sino que me sale lo de los tamaños para hacer captura completa o selección. He intentado arrastrar el archivo h2d a el lienzo de figma y tampoco hay manera. El resto del proceso me ha quedado claro solo tengo problema en el paso que te he indicado 🙏🏼🙏🏼
¡Muy buenas!
Parece que estás utilizando la extensión de Chrome de HTML to Design, y efectivamente veo todo lo que comentas.
Si te fijas en el vídeo, NO estoy usando la extensión, sino el plugin de HTML to Design en Figma (www.figma.com/community/plugin/1159123024924461424/html-to-design).
Prueba a instalar el plugin para Figma, y verás que podrás clonar cualquier página web sin problema.
Saludos
This is mind-blowing 😮
Thanks @alfonsogarcia3008!
Bhai lekin kohi website me header me slider hota hai so woh kaise clone kare
This is gold ❤
Thanks a lot!
Please share your clones in the Community at community.yotako.io :)
@@yotako_io😊
hey thanks for the informative video but i think we can only build the cloned website for either a desktop or an mobile/tablet how can we tailor it the designs to run on both ?? with out any glitches like you know where im getting at
You can combine both Desktop and Mobile of course. Use the html.to.design plugin to import all the resolutions you need for a page (desktop, tablet, mobile, etc.), then combine them in one page with our Figma to WordPress plugin as shown in this video:
czcams.com/play/PLlMEm-QaNKWR2GLQtdxVG5s4xK1yznbiu.html&si=JDJvzroX8F8Wqbl8
Hope this helps!
This is too good to be true! Is all responsive to?! It’s time I finally learn Figma
Let us know if you need anything!
Thanks for the video, but please how about it, if we want to change some features like color or something like that what should we do?
Hey @vj4776, you can change colors and other design aspects directly inside WordPress using the block editor (aka Gutenberg). We have a video covering this, check it out: czcams.com/video/vQH8N93pb8Y/video.htmlfeature=shared
You can also do it in Figma for heavy design changes as shown in this other video: czcams.com/video/NtzZv6WbRaQ/video.htmlfeature=shared
Let us know if this helps and please share your designs and websites with us at community.yotako.io
Interesting!
Thanks @KarimMaassen for your comment! Please share your clones with us, here in the comments or with the COMMUNITY at community.yotako.io!
Swears, this is awesome
Thanks a lot! Share your designs and websites with us at community.yotako.io
Thanks . You did what i want.
Glad we could help! Let us know if you need anything on our end!
This is great! Can you also add an online shop plugins?
Yes of course, you can add everything you want. We provide a normal WordPress theme that you can install in any WordPress hosting.
If you use our hosting plans, you can install any plugins you want as well.
Check them out at: yotako.io/pricing
will this be more of a static page? or will it have the functionalities of the original website?
Full WordPress website with all the dynamic WordPress elements (forms, posts, menus, etc). Our AI(s) detect them in the design and put them inside WordPress for you so you can work with them in WordPress, change them if need it, etc.
@@yotako_io really appreciate your reply, I was asking more for hovering functionalities and parallax features things like that.
@@elenae.9503yeah, me too. Does it copy the animations and all?
Very cool. Are you able to clone an entire website or just the homepage of a website?
Thanks! The design is done with the plugin HTML to Design as shown in the video, so you clone everything you import with that plugin!
Check how to update a living website in our next video! No coding required!
🚀 Redesigning a Customer's living website with #ai #figma and #yotako ! 💡
czcams.com/video/NtzZv6WbRaQ/video.htmlsi=L8XruPTFGY4k_Nl6
Check it out!!!
hi Yotako, how can i make a responsive design? im just getting desktop view.
Hey @learnweb4free, you just need to add the responsive versions of your page to your design.
Check this 30 seconds tutorial showing how to add Desktop and Mobile versions to the same page:
- Figma: czcams.com/video/YjR7FyI-_qo/video.html
- Adobe XD: czcams.com/video/WVsPHkfiBig/video.html
Feel free to ask any questions or request our help anytime in our forums at community.yotako.io.
Good luck!
does it also copy the responsiveness of the user interface ?
Yes, the HTML 2 Design plugin allows you to import a page in different resolutions. Then you can use them all in the Figma to WordPress plugin as we show in these short video:
czcams.com/video/YjR7FyI-_qo/video.html
Share your questions, designs and websites with us at community.yotako.io
You know any way to download the website and upload it on a different hosting
We have a video showing exactly this:
czcams.com/video/NtzZv6WbRaQ/video.html
The video shows how to download the generated theme from a Figma design and upload it to the customer's server.
Let us know if this works for you!
It is asking to buy when i click on download theme. No more Free version is available
There is always a Free plan, please check hosting plans here: pricing
This works For Only HTML files but could you do a vid to clone an entire ecormmerce website?
Hi, this clones the full theme, including PHP, HTML, CSS, JS, etc. not only html.
You can also follow this process for an e-commerce website, and after the process use woo for your products/checkout or any external paying system like Stripe.
Hope this helps!
can i also change the subpages content?
Yes! You can do it in two ways:
1- By editing the Figma design directly, check out this video: czcams.com/video/NtzZv6WbRaQ/video.htmlsi=x9d6zfHNGCZXjxIN
2- By doing small editions inside WordPress with their native block editor, please check it here: czcams.com/video/vQH8N93pb8Y/video.htmlsi=f6PxSbLYC7fDrOX5
Hi I have cloned the website and run the "Figma to Wordpress", but when it done can't preview and any button also can't press
Hey @jacksonteh1508,
Send us an email from the same address you used in the Figma to WordPress plugin and please include your Figma URL. We will have a look and come back to you asap!
Thanks!!!
@@yotako_io Bro is ok, I able to done it dy. Just curios one more Q, could it clone from Figma site?
@@yotako_io No worry bro, already got it !
I solved the problem with you or not because I made a clone of the site. When I enter the WordPress, it is not possible to press any button, just the main page of the site, and there are no components or anything inside the WordPress inside it.
Thankyou sir
You're very welcome!
Share your Figma designs and WordPress themes with us at community.yotako.io :)
Does It have Admin panel for the cloned website?
Yes, you have a normal WordPress dashboard where you can manage everything.
Hello can I clone multiple pages at the same time
Not sure at the same time, you need to check the HTML 2 design plugin for this. Anyways cloning one just takes a moment as you saw in our video :)
Can Please clone Backend file , that sign/Up and sign/in works?
saar please reedem saar
@@guest3858
What mean of saar please
what if i need to add a CONTACT form and connect it with Elementor BUILDER?
Hey @ismakhouajja2741, all the elements in a contact form are already operational, inputs can be used, etc. We are adding native support to send the filled forms to your email automatically super soon! If you need this as of today just write me at melanie@yotako.io. We manually add any elements our AI(s) can eventually miss or elements are not currently supported, as this one. This manual support is free, super fast and we give it to all our paying customers.
As for Elementor I'm afraid we don't support it as of today as all our themes are compatible with WordPress native block editor (aka Gutenberg, check it here: czcams.com/video/vQH8N93pb8Y/video.htmlsi=ntqbOfbIefvGJXM8) so you don't really need to pay for expensive builders.
Question
@@harsharowdur5768 Yes? :)
Is this still working? If i got my own domain, and own server?
Yes, you can download the theme and install it on your own server later by manually uploading it.
We offer our own hosting for convenience so your themes are automatically sync with your hosting everytime you update it, plus we manage backups, security, CDN, SSL certificates, updates, and much more. You can also buy your domains with us or transfer yours 🙌
Whatever your choice is don't hesitate if you have any questions!
Very nice video. Only music is too loud.
Thanks a lot for your feedback, we will certainly take it into account for the next videos!
And please can the back end be cloned too?
Let's see what we can do. Please write us to hello@yotako.io.
how can I clone a website that wasn't build in WordPress?
It's the same process, you only need the URL of the website, it doesn't really matter if the website you're cloning was build on WordPress or not.
Can you copy a social media site
you can copy any website!
Awesome. But when i follow your instructions completely, it doesnt show any "yokato" domain on search and even "add to card" button doesnt show just below search button
Just write any word and the subdomain option will appear..
Regarding the button, we are always improving / simplifying the flow for our customers, so the interface may vary a little with respect to the video, but you can always Clone any website on a Free plan ;)
@yotako_io i did write multiple combo of words, but no yokato subdomain appreared. only the ones to be bought were show
What about Elementor website?
Hey @razuahammad55,
No need to pay for expensive page builders like Elementor!
Most of our customers design in Figma, create their themes and do last touches (mostly non design related) directly inside WordPress with the native WordPress block editor. We have a video covering edition inside WordPress with nice use cases here: czcams.com/video/vQH8N93pb8Y/video.html
Give it a try and let us know what you think at hello@yotako.io or in the community at community.yotako.io.
Thanks :)
Oh wow I just checked out your website and it is not mobile friendly responsive at all I would definitely make that a priority to fix
Did you design the mobile version of your landing too? Add it as shown in this short video: czcams.com/video/YjR7FyI-_qo/video.htmlfeature=shared
How can I host the cloned website on a different hosting such as Hostiger
You just need to download the theme and uploaded to your hosting.
Check this video where we do it to revamp a client's website in a hosting different to Yotako:
czcams.com/video/NtzZv6WbRaQ/video.htmlfeature=shared
where to download- yotako?
Check this video, you can see how we download the theme after 3:50
czcams.com/video/NtzZv6WbRaQ/video.htmlfeature=shared
I am wanting to know more ...
Let us know how can we can help you converting your designs from Figma to WordPress!
internal links and images?
all work of course!
Can i clone any (AI WEBSITE) ??
Give it a try! :)
@@yotako_io Can I clone another website that uses Al within it? Would it just be the form that is copied, or the function too?
How to get the code of this website
To download the theme with all the code follow this video:
czcams.com/video/FZzCLWy9260/video.html
You can also publish it directly to our hosting in a click (click on the Publish button in your theme) if you don't want to touch the code :)
The free access is not available
Yes it is! Our FREE plan is there. Please check yotako.io/pricing.
Let us know if you have any questions! :)
no subdomains appear when its searched, tried everything@@yotako_io
Create a Figma to Elementor Version
how much would you be willing to pay for such a thing : )
Copyright infringements?
That's the reason we add the disclaimer at the beginning of the video. Thanks for your comment!
Wasted time. It's not good clone. If someone gives some minor changes in desgin or color then what we will do?
Clones are indeed super good, exactly as your Figma design is.
You can also edit minor changes in design or color as well, both in Figma or inside WordPress as we show here:
czcams.com/video/vQH8N93pb8Y/video.htmlsi=ypQFy9tgFfIF8yhx