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 ! 💡 ruclips.net/video/NtzZv6WbRaQ/видео.htmlsi=L8XruPTFGY4k_Nl6 Check it out!!!
THIS IS PURE GOLD! I make more money as freelancer thanks to this! I have been using this video to create websites for my clients for a few months for now and this plugins are the best! They make my life much easier. I'm faster, I ship websites faster and I'm able to do more clients than ever! THANNKS FOR THIS VIDEO
Thanks a lot! Our AI is improving a lot and themes are getting better and better :) Very happy that we can help you! If you need anything ask in our 24/7 Live Chat anytime!
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
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: ruclips.net/video/vQH8N93pb8Y/видео.htmlfeature=shared You can also do it in Figma for heavy design changes as shown in this other video: ruclips.net/video/NtzZv6WbRaQ/видео.htmlfeature=shared Let us know if this helps and please share your designs and websites with us at community.yotako.io
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: ruclips.net/video/YjR7FyI-_qo/видео.html Share your questions, designs and websites with us at community.yotako.io
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
We have a video showing exactly this: ruclips.net/video/NtzZv6WbRaQ/видео.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!
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.
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: ruclips.net/video/YjR7FyI-_qo/видео.html - Adobe XD: ruclips.net/video/WVsPHkfiBig/видео.html Feel free to ask any questions or request our help anytime in our forums at community.yotako.io. Good luck!
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: ruclips.net/p/PLlMEm-QaNKWR2GLQtdxVG5s4xK1yznbiu&si=JDJvzroX8F8Wqbl8 Hope this helps!
Yes! You can do it in two ways: 1- By editing the Figma design directly, check out this video: ruclips.net/video/NtzZv6WbRaQ/видео.htmlsi=x9d6zfHNGCZXjxIN 2- By doing small editions inside WordPress with their native block editor, please check it here: ruclips.net/video/vQH8N93pb8Y/видео.htmlsi=f6PxSbLYC7fDrOX5
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!!!
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.
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!
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: ruclips.net/video/vQH8N93pb8Y/видео.htmlsi=ypQFy9tgFfIF8yhx
To download the theme with all the code follow this video: ruclips.net/video/FZzCLWy9260/видео.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 :)
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: ruclips.net/video/vQH8N93pb8Y/видео.htmlsi=ntqbOfbIefvGJXM8) so you don't really need to pay for expensive builders.
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: ruclips.net/video/NtzZv6WbRaQ/видео.htmlfeature=shared
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!
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: ruclips.net/video/vQH8N93pb8Y/видео.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 :)
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 ;)
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 ! 💡
ruclips.net/video/NtzZv6WbRaQ/видео.htmlsi=L8XruPTFGY4k_Nl6
Check it out!!!
THIS IS PURE GOLD!
I make more money as freelancer thanks to this!
I have been using this video to create websites for my clients for a few months for now and this plugins are the best! They make my life much easier. I'm faster, I ship websites faster and I'm able to do more clients than ever!
THANNKS FOR THIS VIDEO
Thanks a lot! Our AI is improving a lot and themes are getting better and better :)
Very happy that we can help you! If you need anything ask in our 24/7 Live Chat anytime!
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?
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
Have not tried it yet, but love your video ❤
Really good content!
Thanks a lot @visualmodo!
Interesting!
Thanks @KarimMaassen for your comment! Please share your clones with us, here in the comments or with the COMMUNITY at community.yotako.io!
This is mind-blowing 😮
Thanks @alfonsogarcia3008!
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!
This is gold ❤
Thanks a lot!
Please share your clones in the Community at community.yotako.io :)
@@yotako_io😊
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: ruclips.net/video/vQH8N93pb8Y/видео.htmlfeature=shared
You can also do it in Figma for heavy design changes as shown in this other video: ruclips.net/video/NtzZv6WbRaQ/видео.htmlfeature=shared
Let us know if this helps and please share your designs and websites with us at community.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.
Thanks.
How about functions such as online shop, and appointment app - how do I integrate to the cloned URL? Many thanks!
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!
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:
ruclips.net/video/YjR7FyI-_qo/видео.html
Share your questions, designs and websites with us at community.yotako.io
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
Swears, this is awesome
Thanks a lot! Share your 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:
ruclips.net/video/NtzZv6WbRaQ/видео.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!
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?
Thanks . You did what i want.
Glad we could help! Let us know if you need anything on our end!
No idea hwere that plug in is! but its not in my version.
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: ruclips.net/video/YjR7FyI-_qo/видео.html
- Adobe XD: ruclips.net/video/WVsPHkfiBig/видео.html
Feel free to ask any questions or request our help anytime in our forums at community.yotako.io.
Good luck!
Bhai lekin kohi website me header me slider hota hai so woh kaise clone kare
Thankyou sir
You're very welcome!
Share your Figma designs and WordPress themes with us at community.yotako.io :)
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 :)
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
where to download- yotako?
Check this video, you can see how we download the theme after 3:50
ruclips.net/video/NtzZv6WbRaQ/видео.htmlfeature=shared
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!
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:
ruclips.net/p/PLlMEm-QaNKWR2GLQtdxVG5s4xK1yznbiu&si=JDJvzroX8F8Wqbl8
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: ruclips.net/video/NtzZv6WbRaQ/видео.htmlsi=x9d6zfHNGCZXjxIN
2- By doing small editions inside WordPress with their native block editor, please check it here: ruclips.net/video/vQH8N93pb8Y/видео.htmlsi=f6PxSbLYC7fDrOX5
Can you copy a social media site
you can copy any website!
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.
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!
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:
ruclips.net/video/vQH8N93pb8Y/видео.htmlsi=ypQFy9tgFfIF8yhx
How to get the code of this website
To download the theme with all the code follow this video:
ruclips.net/video/FZzCLWy9260/видео.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 :)
Does It have Admin panel for the cloned website?
Yes, you have a normal WordPress dashboard where you can manage everything.
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: ruclips.net/video/vQH8N93pb8Y/видео.htmlsi=ntqbOfbIefvGJXM8) so you don't really need to pay for expensive builders.
Question
@@harsharowdur5768 Yes? :)
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 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:
ruclips.net/video/NtzZv6WbRaQ/видео.htmlfeature=shared
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!
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: ruclips.net/video/YjR7FyI-_qo/видео.htmlfeature=shared
Can Please clone Backend file , that sign/Up and sign/in works?
saar please reedem saar
@@guest3858
What mean of saar please
Copyright infringements?
That's the reason we add the disclaimer at the beginning of the video. Thanks for your comment!
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: ruclips.net/video/vQH8N93pb8Y/видео.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 :)
I am wanting to know more ...
Let us know how can we can help you converting your designs from Figma to WordPress!
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
internal links and images?
all work of course!
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
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?
Create a Figma to Elementor Version
how much would you be willing to pay for such a thing : )