I've been an avid Webflow user for years now as a designer. Just now understanding the power that is Wordpress as a developer. i've been trying to maximize WF design capabilities (unmatched in my humble opinion), with everything Wordpress has to offer in regards to plugins, ecommerce, APIs, etc. I think I've just found the key! Thanks for the great information.
Thanks yes it’s a great tool.. make sure to subscribe to the main Udesly channel as-well as I will be posting there regularly as-well.. more tutorials to follow soon
The question was asked about updating an existing theme. I would be interested in seeing a video of taking a old theme with existing content and updating it with a newly design theme from WF. Any chances of that? I have the opportunity to do that now but I am apprehensive as I do not want to cause any issues to the client existing site or data.
Hey if I understand you correctly you client is using a non Udesly/Webflow theme and you want to update it? If so things done in front end/ page builders (i.e. elementor) will need to be manually carried over into Webflow. However post types and the content placed within the Wordpress content admin areas (i.e. product info) will. Hope that makes sense.
Thanks so much; this video is way more in-depth than the ones on Udesly's channel. I have a question if you're able: how does transferring forms and search functions work between Webflow and WordPress using Udesly? Do you have to rebuild them in WordPress, or are they pretty much transferred seamlessly as well?
If you are using the default search functionality then this is transferred automatically and will use WordPress's built in search functionality.. This searches all post types across the site.. If however you only wanted to search products on a certain page Udesly provides a way of creating specialised search results and this can be found in the University documentation. Hope that helps. Cheers
Great video! If I have a webflow site built out already, would I have to remove content to use it as a Wordpress theme? Does your webflow plan have to stay active for the site to be functional?
Thanks for the great video, any idea if the contact forms created in webflow would function the same way in Wordpress or would I need to replace them with contact form 7 or something similar? I like the way the contact forms behave a lot more in webflow compared to contact form 7 etc.. Any ideas regarding this would be highly appreciated. Thanks in advance 😊
Hi there. There are two sides to this coin. Firstly Yes, the contact forms work and get converted over and are fully operational. However, if you have more advanced requirements, then the recommended approach would be to use a plugin to do the heavy lifting and then embed it with a shortcode. Thanks for the support.
Hi This is an amazing tutorial and seamless transfer. Question though, is if I want to add sections from Webflow to wordpress once I have already converted and uploaded a template, how do I do that?
Hi there.. simple just go back to Webflow make the amends and re-export.. and install the new theme. Tip if you keep the same theme name in the settings and just change the version number Wordpress should recognise that it’s a updated theme. Also for the headings, paragraphs, images, links etc if you don’t delete or change the binds on the existing elements then your changes made in Wordpress won’t get overwritten. Hope that helps
@@AlternatePro Hi thank you so much for the help, appreciate it. When you say delete or change the binds, is that something I want to do or not do? Do you have anymore tutorials on these types of things that I could watch. Thanks again, great video.
Hi really good video and udesly is really cool, I just have a small issue, there is an image field from webflow that did not convert to wordpress. I tried few times but the image field is still missing on wordpress, have you an idea to fix it ? Thank you a,d have a nice day !
I noticed at the end of the video (around 19:19) that when you went into a project page in WordPress all of the fields could be edited in the Gutenberg editor on the back end. How did this get set up in Webflow? Udlsey's documentation on adding attributes is less than clear. But it says that by adding acf:textarea it will show up in the Gutenberg area... so far no luck with that. Is there something that I'm missing? Awesome video!
Hi there.. sorry for the delayed response was a long weekend here in NZ.. I think the fields you are referring to are the custom fields created via the ACF plugin and these were configured using the Webflow Custom Fields. You can use the description field with a rich text object and the custom attribute of product=description (university.udesly.com/wordpress/woocommerce/products). hope that answers your questions.. Cheers Cheers
Hey, thanks for the tutorial, awesome job. I ran i to a problem where not all of my collections fields would carry over to wordpress, they just are not visble in the the wordpress cms editor. Any idea what might be the problem?
Hi @AlternatePro, Thank you very much for such a great video! I have managed to follow the instructions given by you, but I have an issue with a duplicate of main page (home) that is being deployed and linked instead of another page (about). The "about" page is created in WP, but the content is actually "Home" page, so the content of "about" page is lost. Can you help me with that issue?
Hi there check your page slugs (urls) but I think the issue is because you are tying to mix and match.. create the about page on webflow, delete it on Wordpress and then re-run the conversion and theme installation. That should fix it.
Yes you are right the first bit of the video is out of sync by a small bit.. Sorry.. I have upgraded my camera and mic so the production quality will be better from now on.. I was having to record sound on my pc and record on a phone which caused this problem.
Hey friend, I don't see the front end editor button on my end? Any suggestions? I'm logged into WP and see just "My Site" and "Reader" Great video by the way!
Hey, awesome tutorial! If I set up the theme like described in this video and then later on my client wants me to add a section or different page, would it be possible to just update the design? (Because the client would have probably edited stuff in the meantime in Wordpress and the Design from Webflow would not have those changes). For example I often create custom landing pages for my client, every time they have a new product.
Just make sure you test everything with any new workflow (i.e. duplicate the sites and do mock trials of edits and code deployments) to get it down before trying it on your live sites.
Hey, I have a question. My client needs a plugin for his site that manages his real estate listings. I want to build a custom cms page that interacts with the plugin is this possible? The plugin is a own cms I only need it to interact with the designed cms page in Webflow. Would love a response, thank you in advance!
Hey its hard to say without looking at the plug-in documents.. worst case scenario you would use a shortcode to embed the listing in a page and then override the plug-in styling with custom css..
Amazing!! But I have one question regarding the SEO, the Google search console doesn't have any problem with that structure? And if we have a multi language site.. Sorry but recently I saw that if we export an webflow website with multi pages and host in our personal server, all the links and pages has .Html extension in the url bar and this is strange and I can't remove that. But if I can host it in servers compatible with WordPress system it seems a good solution for that problem . Amazing video man!
Thanks Ruben.. not too sure what you mean about the SEO issues.. however if you structure your pages correctly in webflow then they come across perfectly.. I just launched a site which has 100% score for SEO.
@@AlternatePro thanks for your reply. I have another question. If I want to add one more page or change the main design of a page, how can I do it? I need to do the entire process again? Thank you!!! 🤙
@@rubenreis3798 Hi Ruben.. nope you can just update the relevant files.. unless you change webflow interactions then you have to upload the webflow.is file as well.. I am going todo a tutorial on this that uses GitHub to do version control and incremental updates/management soon.
The whole Webflow pricing structure seems confusing to me. What exactly do I need to be able to build pages, mark something as CMS content so I can use Udesly to export it and make it dynamic in WordPress? From my understanding, I would need at least a Starter/Lite ACCOUNT plan, and then the CMS SITE plan. Is that correct? I'm looking into using Webflow, but it is important that I can add both static pages and CMS content on Webflow (but not manage it there, just being able to add it for Udesly to recognize it), is that possible with just a Starter/Lite plan and doing the hosting myself? I'm sorry if this is a stupid quesiton. I have little experience with Webflow thusfar. Thanks for the video!
Hi I may need to discuss this further with you to understand a bit more what your trying to achieve. Basically your menu, footer etc come across as part of the Webflow > Udesly > Wordpress process.
Hey there! Thank you so much for these videos they are beyond helpful - I'm so excited about this workflow - I'm sorry if this is a silly question, but let's say I've uploaded the theme I've created in Webflow to Wordpress, and down the road I want to add a new page to the Wordpress site. How would I go about building that page? Does the Udesly front-end editor supply enough tools to do so? Or would you have to build it in Webflow and re-upload updated theme? Thanks so much! Hellos from Canada :)
Hi Sam You can use Gutenberg blocks on a default page however the Udesly frontend editor only edits the existing page structure built within Webflow. So the best pipeline would be to update in Webflow and then upload a new theme with the page. As long as you don't delete or remove elements (headings, images, paragraphs, etc) or remove custom attribute bindings within Webflow then the Front-end editor will remember your changes made on WordPress so that when you upload a new theme all of your content changes on WordPress are not lost. Hope that helps and thanks for the support (and Hello from New Zealand)
@@AlternatePro over a year ago.. Hope this question gets an answer.. Hehehe... Ok, so after uploading to wordpress and all.. Can I continue working and building the site using a different theme builder like Elementor or Nicepage on wordpress? Or do I strictly need to do all my edits on webflow?
When I click on "Upload Theme" on Wordpress, I get a message saying "Upgrade to business plan to access the theme install features". It is possible to upload a zip file on the free plan? Perhaps if I pay a hosting it will unlock this feature?
Hey I am assuming this is todo with your hosting provider and not linked to Udesly.. it sounds like the Wordpress installation is limiting your ability to upload which is not a normal configuration
This is great, thank you! How easy is it to updated the template? In a couple of months if had to make design updates to a site, would the data stay stored on the Wordpress and connect to a new template?
Hi Gabriel.. thanks and my pleasure. In terms of updating to a new theme it is a piece of cake.. basically the frontend editor stores any changes you make on Wordpress and then prioritises them when you install an updated theme.. It does so by storing the frontend editor data and links it via a unique identifier per each element. If needed you can delete the frontend data and re-import it if required. Now IF you were to say delete an object in Webflow and then recreate it this would be considered a "new object" so the data for THIS object would be imported when the updated theme is installed but all of the other elements would still reference the stored data and would be unaffected by the new data imported. Hope that makes sense and answers your question
Hi, I followed the tutorial and got most things to work. However I am not getting the Projects tab for the WP admin dashboard upon the installation of the Udesly App plugin, why is that and how can I add it to the dashboard. Thanks! From my WordPress dashboard, if I navigate to "wp-admin/edit.php?post_type=project" it shows as an INVALID POST TYPE.
Hi interesting.. unfortunately it’s difficult to pin down what may have gone wrong with the configuration without me having a look at the webflow projects (editor preview) and the Wordpress backend. Can you flick me access to hello@alternate.pro
Any idea mate what to do with forms once they have been converted to Wordpress using Udesly? Once i submit an email to test, nothing happens..Im assuming that extra work needs to be done? Thanks
Hi there.. first check the form name values (sometimes Webflow can change these) then take a look here for the more detailed settings. hope that helps university.udesly.com/wordpress/forms/contacts#settings
Just wondering, after exporting dummy contents to WordPress. Can I add and manage real content on wordpress? If yes, how do I assign the content to that CMS list? I've been reading Udesly university about CMS collection - custom attribute and I am really confused about the custom code, and How these codes are used in WordPress?
Hi there think of the content on Webflow as placeholders for design.. you are effectively building a template for Wordpress which fully utilises the CMS features of Wordpress.. the “placeholder” content can be real but if you change it on Wordpress then that will be what is shown. Have a look at some of my other videos which will hopefully give you a steer of how things work.. if you are still stuck we can do a consulting call to get you up and running.
Hey @AlternatePro, just came across your channel by accident, great content! Udesly seems to be awesome actually! Especially the fact that it´s creating custom acf-contenttypes automatically! I have 2 questions, if you have time ... 1) How is Udesly handling blog-posts? In WF there is not really a "real/default" blog post-type - so I guess Udesly will create a new acf-posttype also for a "blog-collection", am I right? Or in other words: is there a way to use the native WP blog system but prepare everything for this already in WF within a collection? Because of course the WP blog system is more advanced, since this is the core WP functionality. So if a site has a blog, it would be weird to not use it. 2) If I needed a more sophisticated custom post-type structure in WP, I was using the tools from Types.com in the past. This allows much more complexity than collections in WF. If I want to use this in the WF->Udesly->WP workflow, I guess I would create those elements static in WF and then make the dynamic manually in WP - but I would need to get access to the html level of each page (to be able to add shortcodes etc., create views, etc.) - is this possible? Or is there even another possibility which would make this more automatic/faster? Thanks so much! 🙏🏼 Cheers and greetings to New Zealand, the most beautiful country on this planet! ;-)
Thanks, man. The great thing about the Udesly pipeline is that you are only limited by your technical capability. It's great for beginners once you learn the ropes but it is very easy to extend the functionality with advanced techniques such as use php embeds, hooks, filters, plugins, etc. Many people who come to Udesly think it is a one-button press conversion tool and get a bit frustrated with the process due to this misunderstanding. My advice is to treat it like a visual coding / templating system and this is made easier by understanding the platform you are intending to use first so that you know how to build for it (even loosely).. it then makes the whole process much easier. To summarise you are building FOR WordPress not building for Webflow and hoping to convert it seamlessly (if that makes sense). In terms of your first question (if I am understanding correctly) the Udesly App translates all different CMS Collections either as different Custom Post Types or Custom Taxonomies, based on the CMS field structure, so every page that you can find inside the section CMS Collection Pages, will be converted as a single template or a taxonomy template. And you can use rich text fields to give you the ability to manage content via the standard WordPress content editors. I hope that helps answer your questions.
Hi @@AlternatePro ! Sorry, back then I totally missed your response! Many thanks for that! I am still on it haha - talking about blog posts: do you know how I can use the native WordPress Comments Functionality in a project migrated from Webflow with Udesly? Since comments are not supported natively in Webflow (which is odd, should be a core functionality for a blog I would think) I am not sure how to approach that ... 🤔 Thanks in advance! Manuel
You could create some areas/special pages that you can edit/create using Elementor or Gutenberg blocks but I wouldn't recommend it as it will slow down your site performance.
Unfortunately not you have to go through the export process if you do large sweeping amends.. content edits yes but design changes nope. Check out my latest video for a headless solution that gives you complete flexibility and the ability to make design amends when ever. th-cam.com/video/DbV6ZXlVf4U/w-d-xo.htmlsi=_h7AaTgT9nkepo8Y
Hi nope the animations come across perfectly.. if I was to say one thing that you are ‘losing’ is the ability to make micro changes quickly (I.e. opening a native page builder like elementor and tweaking some design aspect and the saving). with Udesly the process is slightly longer where you need to deploy the code tweaks across from webflow, run conversion and then replace what ever code(or republish a new version of the theme).. but then if you use GitHub you would gain version control. So for every cloud there is silver lining.. I love it and it’s my go to process for 100% of my projects. Hope that helps
@@AlternatePro thanks for bringing these theme up in your replay..... so If is possible to made export to the wordpress as a theme and then costumer uses like their builder like elementor? I mean can u point me to right direction about deploying the code tweaks from webflow? I will lokk upr gor github!
Hi I wouldn’t recommend mixing elementor and Udesly as it could get a bit messy.. you can do it a little but I like to keep things clean. I will be doing a tutorial on managing code amends like my Shopify one soon.
Hi to be honest I am not sure about DIVI.. you can do some limited amends with Elementor or Gutenburg but you have to set up special pages that you can edit within. It very limited and you are mixing code so could get messy.
@@AlternatePro.. Was actually thinking about this.. Been able to completely alter the exported theme using another theme builder plugin like Elementor or Nicepage (what I use mostly). Great video and in a bit of some challenges as site was built by another team on webflow.. But client just informed they prefer not having to stick to a monthly sub on webflow and rather have it on wordpress so they can easily update it themselves.. So trying to see how we can get the site from webflow to wordpress and continue working on it with another theme builder, easily, as though the site was initially crested with the theme builder.
Hi, your best bet would be to rebuild it from scratch in WordPress IF you want to decouple the site completely from Webflow. If you try to do a hybrid site you are going to create headaches down the line. However, there is another option which is if you stick with the Webflow to WordPress process. The client can cancel their Webflow hosting plan and just maintain a Webflow account plan ($19 /mo) that allows them to export code (and the Udesly plugin cost - $99 per year). SO if your pipeline shifted to using Udesly then the clients cost (assuming you purchase Udesly for your agency) would be $19/mo, server hosting and whatever plugins they need. However the plugin requirements is greatly reduced as so much can be done natively through the Webflow process. You then get the best of both worlds. Webflows awesome builder and the flexibility of Wordpress. Hope that helps.
@@AlternatePro Yeah this helps.. Thanks a lot.. Although not the response I hoped for, hehe. Was hoping there was a way to go around it, even if it means relinking and reassigning features, elements, etc... This is cause the client wants a total hand over of the site when completed. But thanks a lot for the response.
Yes but you will need to upgrade to a paid plan.. the free version has a number of limitations and this is one of them.. it is only intended to be used to test the workflow.
Hi I am not sure if that’s a Wordpress or Udesly conversion issue can you flick over some links to hello@alternate.pro and I’ll see if anything jumps out.
How long do you wait? I installed the theme and it installed super fast.. I have like the 'header' to our site and that's it. Do I just wait? Nothing is installing or updating or anything... Udesly adapter is installed as well... I already tried re-installing the theme, same thing happens... Do I just go do something and come back later? Baha, no clue if I wait or did something wrong..
Hi Christopher.. You may need to force the data to be reimported.. there is a Udesly button on the WordPress admin bar (at the top) click that and hit the "force import" option. I have just launched my latest tutorial and at the end of it I use this feature as I had the same issue as I had previously installed a theme.
@@AlternatePro Thank you for that! I will check out your latest tutorial, these are super helpful! Right now I'm just learning how it all works and am trying to figure ot the forms and some elements came over weird, maybe my styling in Webflow..? I'll give it another couple days, I may need help from Udesly Studio to get things like 'review' widget to work, I have no idea how I would even get that to cross over?! Thank you! These videos are a huge service to us!
@@christopherneil8312 My pleasure.. let me know if I can help. And I will be doing a forms tutorial as a lot of people struggle with these so your not alone.
Hi there.. hard to tell without seeing the site. There is a a reimport feature which you can try. In the Wordpress admin look for the Udesly link in the banner that runs at the top and then click reimport data.. Otherwise when converting the theme sometimes the Udesly app needs a page refresh if elements are missing from the design like css for example.
Hi there.. if you want to change copy and images then yes.. if you want to change the whole layout then unfortunately no . You are creating a hardcoded theme with this process which produces a faster theme that is less reliant on plugins . So technically easier to manage and less expensive but the trade off is that you don't have on-page design options like Elementor or Oxygen. But making changes to your theme in Webflow and then installing a new theme is a easy process and the frontend editor stores your changes so you don't have to worry about overwriting your work on WordPress when uploading a updated theme.
Don't know exactly if you need a certain type of theme but am using theme forest and for 48 hours nothing is happening never a response with webflow the service is horrible. . I don't recommend ever using webflow just want to move this site.
Hi nope you don’t need a specific theme.. but you do have to configure it depending on what / how you are trying to complete. You are going to have to do some work to make the theme work in the destination platform and you will need to keep your webflow account / site in the event you want to update or change any major elements of the site.
Cheaper than elementor and a boatload of plugins like crockoblock needed to create anything useful. Overall you will be paying for a light account plan on webflow ($16usd per month), Udesly, your hosting cost (I recommend cloudways) and whatever plug-ins you want to use.
Hi there sorry but because it heavily uses Flowbase modules it would break their terms and conditions as I would be distributing their products for free.
Ok cool I will create something for this quickly today and will share a template file.. won't be 100% the same but will cover the same elements so you can see how the code looks.. overall the code is extremely clean but what you will see is a few extra html ID's that basically webflow needs in order to get the interaction s to work..
I’m not trying to be negative but I think you should stick to the Webflow to Shopify series. Most people leave WordPress for Webflow, what would be the point to convert WF to WP? I guess using the WP plugins maybe. Anyway, in my opinion, there are much more people interested in converting Webflow to Shopify (for ecommerce) rather than to WordPress (for plugins), including me.
@@bilbs87 I guess you're right. On my side; I only work within Webflow or Shopify. I either build websites for my clients or migrate theirs on Webflow.
Hi guys thanks for the feedback and the idea is to try and help as many people as possible and eventually cover ALL of the supported CMS's .. the awesome thing that Udesly brings to the table that no other "page builder workflow" can bring is flexibility and that is a superpower for growing your agency and giving you choice when building for different clients with different requirments. As this channel evolves and grows I will be upping the number of videos per week which will cover the various CMS's. Cheers and thanks for the chat
No offense but if it doesn't pertain to your situation why comment? There are plenty of reasons why clients use Wordpress as a CMS (it's a more advanced CMS than WF) so this would be the video for that situation.
I've been an avid Webflow user for years now as a designer. Just now understanding the power that is Wordpress as a developer. i've been trying to maximize WF design capabilities (unmatched in my humble opinion), with everything Wordpress has to offer in regards to plugins, ecommerce, APIs, etc. I think I've just found the key! Thanks for the great information.
Thanks yes it’s a great tool.. make sure to subscribe to the main Udesly channel as-well as I will be posting there regularly as-well.. more tutorials to follow soon
I am new to webflow and wordpress (I'm coming from React). This helped me understand udesly very well and all the possibilities! Thank you
The question was asked about updating an existing theme. I would be interested in seeing a video of taking a old theme with existing content and updating it with a newly design theme from WF. Any chances of that? I have the opportunity to do that now but I am apprehensive as I do not want to cause any issues to the client existing site or data.
Hey if I understand you correctly you client is using a non Udesly/Webflow theme and you want to update it? If so things done in front end/ page builders (i.e. elementor) will need to be manually carried over into Webflow. However post types and the content placed within the Wordpress content admin areas (i.e. product info) will. Hope that makes sense.
Thanks so much; this video is way more in-depth than the ones on Udesly's channel. I have a question if you're able: how does transferring forms and search functions work between Webflow and WordPress using Udesly? Do you have to rebuild them in WordPress, or are they pretty much transferred seamlessly as well?
If you are using the default search functionality then this is transferred automatically and will use WordPress's built in search functionality.. This searches all post types across the site.. If however you only wanted to search products on a certain page Udesly provides a way of creating specialised search results and this can be found in the University documentation. Hope that helps.
Cheers
@@AlternatePro wow, that's incredible
Great video! If I have a webflow site built out already, would I have to remove content to use it as a Wordpress theme? Does your webflow plan have to stay active for the site to be functional?
Thanks for the great video, any idea if the contact forms created in webflow would function the same way in Wordpress or would I need to replace them with contact form 7 or something similar? I like the way the contact forms behave a lot more in webflow compared to contact form 7 etc.. Any ideas regarding this would be highly appreciated. Thanks in advance 😊
Hi there.
There are two sides to this coin. Firstly Yes, the contact forms work and get converted over and are fully operational. However, if you have more advanced requirements, then the recommended approach would be to use a plugin to do the heavy lifting and then embed it with a shortcode.
Thanks for the support.
THANK YOU !
Hey! Are udesly themes editable with elementor? Ifso is it 100% customizable? Thank you!
Hi there no they are not.
Hi This is an amazing tutorial and seamless transfer. Question though, is if I want to add sections from Webflow to wordpress once I have already converted and uploaded a template, how do I do that?
Hi there.. simple just go back to Webflow make the amends and re-export.. and install the new theme. Tip if you keep the same theme name in the settings and just change the version number Wordpress should recognise that it’s a updated theme. Also for the headings, paragraphs, images, links etc if you don’t delete or change the binds on the existing elements then your changes made in Wordpress won’t get overwritten. Hope that helps
@@AlternatePro Hi thank you so much for the help, appreciate it. When you say delete or change the binds, is that something I want to do or not do? Do you have anymore tutorials on these types of things that I could watch. Thanks again, great video.
Hi really good video and udesly is really cool, I just have a small issue, there is an image field from webflow that did not convert to wordpress. I tried few times but the image field is still missing on wordpress, have you an idea to fix it ? Thank you a,d have a nice day !
Will this carry over gsap animations? Thanks for the video looks great!
Yep sure will and that is actually my favourite workflow with animations. So yep you are good to go.
@@AlternatePro Thanks for the reply, wow that's brilliant, what an amazing tool this is!
Yeah it’s pretty awesome
I noticed at the end of the video (around 19:19) that when you went into a project page in WordPress all of the fields could be edited in the Gutenberg editor on the back end. How did this get set up in Webflow? Udlsey's documentation on adding attributes is less than clear. But it says that by adding acf:textarea it will show up in the Gutenberg area... so far no luck with that. Is there something that I'm missing? Awesome video!
Hi there.. sorry for the delayed response was a long weekend here in NZ.. I think the fields you are referring to are the custom fields created via the ACF plugin and these were configured using the Webflow Custom Fields. You can use the description field with a rich text object and the custom attribute of product=description (university.udesly.com/wordpress/woocommerce/products). hope that answers your questions.. Cheers Cheers
This is straight up amazing. Thank you
Thanks for the feedback. Glad it was helpful.
Hey, thanks for the tutorial, awesome job. I ran i to a problem where not all of my collections fields would carry over to wordpress, they just are not visble in the the wordpress cms editor. Any idea what might be the problem?
Hey not sure without seeing the theme and editor..can you see if the are configured in the acf plugin?
@@AlternatePro i dont have that plugin is that something is should have before i download the wordpress template?
Hi @AlternatePro,
Thank you very much for such a great video!
I have managed to follow the instructions given by you, but I have an issue with a duplicate of main page (home) that is being deployed and linked instead of another page (about).
The "about" page is created in WP, but the content is actually "Home" page, so the content of "about" page is lost.
Can you help me with that issue?
Hi there check your page slugs (urls) but I think the issue is because you are tying to mix and match.. create the about page on webflow, delete it on Wordpress and then re-run the conversion and theme installation. That should fix it.
Is it just me or does the sound not sync with the video
Ps keep the videos coming appreciate you doing them
Yes you are right the first bit of the video is out of sync by a small bit.. Sorry.. I have upgraded my camera and mic so the production quality will be better from now on.. I was having to record sound on my pc and record on a phone which caused this problem.
Hey friend, I don't see the front end editor button on my end? Any suggestions? I'm logged into WP and see just "My Site" and "Reader"
Great video by the way!
Hey can you see if the udesly plugin is installed and activated?
Same problem here
@@mathieuduval3206 hey friend, could you solve the problem?
hey friend, could you solve the problem?
What if I didn't use a theme like Flowbase, I built from scratch?
Hey, awesome tutorial! If I set up the theme like described in this video and then later on my client wants me to add a section or different page, would it be possible to just update the design? (Because the client would have probably edited stuff in the meantime in Wordpress and the Design from Webflow would not have those changes).
For example I often create custom landing pages for my client, every time they have a new product.
You sure can. I am planning on doing a tutorial on this soon for Wordpress and Shopify using Github to manage and merge and deploy amends.
Just make sure you test everything with any new workflow (i.e. duplicate the sites and do mock trials of edits and code deployments) to get it down before trying it on your live sites.
@@AlternatePro will be staying tuned for this video!
Hey, I have a question. My client needs a plugin for his site that manages his real estate listings. I want to build a custom cms page that interacts with the plugin is this possible? The plugin is a own cms I only need it to interact with the designed cms page in Webflow. Would love a response, thank you in advance!
Hey its hard to say without looking at the plug-in documents.. worst case scenario you would use a shortcode to embed the listing in a page and then override the plug-in styling with custom css..
@@AlternatePro Okay I could handle that, thanks for the response
My pleasure let me know if you stumble upon any issues..
Amazing!! But I have one question regarding the SEO, the Google search console doesn't have any problem with that structure? And if we have a multi language site.. Sorry but recently I saw that if we export an webflow website with multi pages and host in our personal server, all the links and pages has .Html extension in the url bar and this is strange and I can't remove that. But if I can host it in servers compatible with WordPress system it seems a good solution for that problem .
Amazing video man!
Thanks Ruben.. not too sure what you mean about the SEO issues.. however if you structure your pages correctly in webflow then they come across perfectly.. I just launched a site which has 100% score for SEO.
@@AlternatePro thanks for your reply. I have another question. If I want to add one more page or change the main design of a page, how can I do it? I need to do the entire process again?
Thank you!!! 🤙
@@rubenreis3798 Hi Ruben.. nope you can just update the relevant files.. unless you change webflow interactions then you have to upload the webflow.is file as well.. I am going todo a tutorial on this that uses GitHub to do version control and incremental updates/management soon.
The whole Webflow pricing structure seems confusing to me.
What exactly do I need to be able to build pages, mark something as CMS content so I can use Udesly to export it and make it dynamic in WordPress?
From my understanding, I would need at least a Starter/Lite ACCOUNT plan, and then the CMS SITE plan. Is that correct?
I'm looking into using Webflow, but it is important that I can add both static pages and CMS content on Webflow (but not manage it there, just being able to add it for Udesly to recognize it), is that possible with just a Starter/Lite plan and doing the hosting myself?
I'm sorry if this is a stupid quesiton. I have little experience with Webflow thusfar.
Thanks for the video!
Hey there check out my 7 things to know video.. I go over what you need in that video.. cheers cheers
@@AlternatePro Thank you!
Hey, amazing video, thank you! Is there a way to create a new site in Wordpress which automatically has the menu, footer etc. from my theme?
Hi I may need to discuss this further with you to understand a bit more what your trying to achieve. Basically your menu, footer etc come across as part of the Webflow > Udesly > Wordpress process.
Hey there! Thank you so much for these videos they are beyond helpful - I'm so excited about this workflow - I'm sorry if this is a silly question, but let's say I've uploaded the theme I've created in Webflow to Wordpress, and down the road I want to add a new page to the Wordpress site. How would I go about building that page? Does the Udesly front-end editor supply enough tools to do so? Or would you have to build it in Webflow and re-upload updated theme?
Thanks so much! Hellos from Canada :)
Hi Sam
You can use Gutenberg blocks on a default page however the Udesly frontend editor only edits the existing page structure built within Webflow.
So the best pipeline would be to update in Webflow and then upload a new theme with the page. As long as you don't delete or remove elements (headings, images, paragraphs, etc) or remove custom attribute bindings within Webflow then the Front-end editor will remember your changes made on WordPress so that when you upload a new theme all of your content changes on WordPress are not lost.
Hope that helps and thanks for the support (and Hello from New Zealand)
@@AlternatePro Ahh I see! Okay amazing - thanks kindly! :)
@@AlternatePro over a year ago.. Hope this question gets an answer.. Hehehe...
Ok, so after uploading to wordpress and all.. Can I continue working and building the site using a different theme builder like Elementor or Nicepage on wordpress?
Or do I strictly need to do all my edits on webflow?
When I click on "Upload Theme" on Wordpress, I get a message saying "Upgrade to business plan to access the theme install features". It is possible to upload a zip file on the free plan? Perhaps if I pay a hosting it will unlock this feature?
Hey I am assuming this is todo with your hosting provider and not linked to Udesly.. it sounds like the Wordpress installation is limiting your ability to upload which is not a normal configuration
This is great, thank you! How easy is it to updated the template? In a couple of months if had to make design updates to a site, would the data stay stored on the Wordpress and connect to a new template?
Hi Gabriel.. thanks and my pleasure. In terms of updating to a new theme it is a piece of cake.. basically the frontend editor stores any changes you make on Wordpress and then prioritises them when you install an updated theme.. It does so by storing the frontend editor data and links it via a unique identifier per each element.
If needed you can delete the frontend data and re-import it if required.
Now IF you were to say delete an object in Webflow and then recreate it this would be considered a "new object" so the data for THIS object would be imported when the updated theme is installed but all of the other elements would still reference the stored data and would be unaffected by the new data imported.
Hope that makes sense and answers your question
@@AlternatePro Amazing, cheers! Sounds super easy. Keep up the good work
@@gabrieldaughtry839 thanks man.. will do and thanks for the support
Hi, I followed the tutorial and got most things to work. However I am not getting the Projects tab for the WP admin dashboard upon the installation of the Udesly App plugin, why is that and how can I add it to the dashboard. Thanks!
From my WordPress dashboard, if I navigate to "wp-admin/edit.php?post_type=project" it shows as an INVALID POST TYPE.
Hi interesting.. unfortunately it’s difficult to pin down what may have gone wrong with the configuration without me having a look at the webflow projects (editor preview) and the Wordpress backend. Can you flick me access to hello@alternate.pro
Any idea mate what to do with forms once they have been converted to Wordpress using Udesly? Once i submit an email to test, nothing happens..Im assuming that extra work needs to be done? Thanks
Hi there.. first check the form name values (sometimes Webflow can change these) then take a look here for the more detailed settings. hope that helps university.udesly.com/wordpress/forms/contacts#settings
Just wondering, after exporting dummy contents to WordPress. Can I add and manage real content on wordpress? If yes, how do I assign the content to that CMS list? I've been reading Udesly university about CMS collection - custom attribute and I am really confused about the custom code, and How these codes are used in WordPress?
Hi there think of the content on Webflow as placeholders for design.. you are effectively building a template for Wordpress which fully utilises the CMS features of Wordpress.. the “placeholder” content can be real but if you change it on Wordpress then that will be what is shown. Have a look at some of my other videos which will hopefully give you a steer of how things work.. if you are still stuck we can do a consulting call to get you up and running.
@@AlternatePro Thank you
@@AlternatePro Hi, One more question, How to set specific category into CMS?
Hey @AlternatePro,
just came across your channel by accident, great content!
Udesly seems to be awesome actually! Especially the fact that it´s creating custom acf-contenttypes automatically!
I have 2 questions, if you have time ...
1) How is Udesly handling blog-posts? In WF there is not really a "real/default" blog post-type - so I guess Udesly will create a new acf-posttype also for a "blog-collection", am I right? Or in other words: is there a way to use the native WP blog system but prepare everything for this already in WF within a collection? Because of course the WP blog system is more advanced, since this is the core WP functionality. So if a site has a blog, it would be weird to not use it.
2) If I needed a more sophisticated custom post-type structure in WP, I was using the tools from Types.com in the past. This allows much more complexity than collections in WF. If I want to use this in the WF->Udesly->WP workflow, I guess I would create those elements static in WF and then make the dynamic manually in WP - but I would need to get access to the html level of each page (to be able to add shortcodes etc., create views, etc.) - is this possible? Or is there even another possibility which would make this more automatic/faster?
Thanks so much! 🙏🏼
Cheers and greetings to New Zealand, the most beautiful country on this planet! ;-)
Thanks, man.
The great thing about the Udesly pipeline is that you are only limited by your technical capability.
It's great for beginners once you learn the ropes but it is very easy to extend the functionality with advanced techniques such as use php embeds, hooks, filters, plugins, etc.
Many people who come to Udesly think it is a one-button press conversion tool and get a bit frustrated with the process due to this misunderstanding.
My advice is to treat it like a visual coding / templating system and this is made easier by understanding the platform you are intending to use first so that you know how to build for it (even loosely).. it then makes the whole process much easier.
To summarise you are building FOR WordPress not building for Webflow and hoping to convert it seamlessly (if that makes sense).
In terms of your first question (if I am understanding correctly) the Udesly App translates all different CMS Collections either as different Custom Post Types or Custom Taxonomies, based on the CMS field structure, so every page that you can find inside the section CMS Collection Pages, will be converted as a single template or a taxonomy template. And you can use rich text fields to give you the ability to manage content via the standard WordPress content editors.
I hope that helps answer your questions.
Hi @@AlternatePro !
Sorry, back then I totally missed your response! Many thanks for that!
I am still on it haha - talking about blog posts: do you know how I can use the native WordPress Comments Functionality in a project migrated from Webflow with Udesly? Since comments are not supported natively in Webflow (which is odd, should be a core functionality for a blog I would think) I am not sure how to approach that ... 🤔
Thanks in advance!
Manuel
Hi, can I customize this template in elementor afterwards?
You could create some areas/special pages that you can edit/create using Elementor or Gutenberg blocks but I wouldn't recommend it as it will slow down your site performance.
Can I modify the layout on Wordpress afterward ?
Unfortunately not you have to go through the export process if you do large sweeping amends.. content edits yes but design changes nope. Check out my latest video for a headless solution that gives you complete flexibility and the ability to make design amends when ever. th-cam.com/video/DbV6ZXlVf4U/w-d-xo.htmlsi=_h7AaTgT9nkepo8Y
What I am losing of using udesly : not having animation
from webflow???
Hi nope the animations come across perfectly.. if I was to say one thing that you are ‘losing’ is the ability to make micro changes quickly (I.e. opening a native page builder like elementor and tweaking some design aspect and the saving). with Udesly the process is slightly longer where you need to deploy the code tweaks across from webflow, run conversion and then replace what ever code(or republish a new version of the theme).. but then if you use GitHub you would gain version control. So for every cloud there is silver lining.. I love it and it’s my go to process for 100% of my projects. Hope that helps
@@AlternatePro thanks for bringing these theme up in your replay..... so If is possible to made export to the wordpress as a theme and then costumer uses like their builder like elementor? I mean can u point me to right direction about deploying the code tweaks from webflow? I will lokk upr gor github!
Hi I wouldn’t recommend mixing elementor and Udesly as it could get a bit messy.. you can do it a little but I like to keep things clean. I will be doing a tutorial on managing code amends like my Shopify one soon.
Once its imported, setup & working in Wordpress, can we export to DIVi or use the DIVI builder plugin to edit pages?
Hi to be honest I am not sure about DIVI.. you can do some limited amends with Elementor or Gutenburg but you have to set up special pages that you can edit within. It very limited and you are mixing code so could get messy.
@@AlternatePro.. Was actually thinking about this.. Been able to completely alter the exported theme using another theme builder plugin like Elementor or Nicepage (what I use mostly).
Great video and in a bit of some challenges as site was built by another team on webflow.. But client just informed they prefer not having to stick to a monthly sub on webflow and rather have it on wordpress so they can easily update it themselves..
So trying to see how we can get the site from webflow to wordpress and continue working on it with another theme builder, easily, as though the site was initially crested with the theme builder.
Hi, your best bet would be to rebuild it from scratch in WordPress IF you want to decouple the site completely from Webflow. If you try to do a hybrid site you are going to create headaches down the line.
However, there is another option which is if you stick with the Webflow to WordPress process. The client can cancel their Webflow hosting plan and just maintain a Webflow account plan ($19 /mo) that allows them to export code (and the Udesly plugin cost - $99 per year).
SO if your pipeline shifted to using Udesly then the clients cost (assuming you purchase Udesly for your agency) would be $19/mo, server hosting and whatever plugins they need. However the plugin requirements is greatly reduced as so much can be done natively through the Webflow process.
You then get the best of both worlds. Webflows awesome builder and the flexibility of Wordpress. Hope that helps.
@@AlternatePro Yeah this helps.. Thanks a lot.. Although not the response I hoped for, hehe. Was hoping there was a way to go around it, even if it means relinking and reassigning features, elements, etc... This is cause the client wants a total hand over of the site when completed.
But thanks a lot for the response.
can we remove the made with Udesly badge?
Yes but you will need to upgrade to a paid plan.. the free version has a number of limitations and this is one of them.. it is only intended to be used to test the workflow.
@@AlternatePro 🥲🥲
Why can't I edit my CMS on WordPress? It shows "Service Unavailable" when I click edit and the images don't appear
Hi I am not sure if that’s a Wordpress or Udesly conversion issue can you flick over some links to hello@alternate.pro and I’ll see if anything jumps out.
@@AlternatePro I have send to your email, thanks for your help! 🙏🏾
How long do you wait? I installed the theme and it installed super fast.. I have like the 'header' to our site and that's it. Do I just wait? Nothing is installing or updating or anything... Udesly adapter is installed as well... I already tried re-installing the theme, same thing happens... Do I just go do something and come back later? Baha, no clue if I wait or did something wrong..
Hi Christopher.. You may need to force the data to be reimported.. there is a Udesly button on the WordPress admin bar (at the top) click that and hit the "force import" option. I have just launched my latest tutorial and at the end of it I use this feature as I had the same issue as I had previously installed a theme.
@@AlternatePro Thank you for that! I will check out your latest tutorial, these are super helpful! Right now I'm just learning how it all works and am trying to figure ot the forms and some elements came over weird, maybe my styling in Webflow..? I'll give it another couple days, I may need help from Udesly Studio to get things like 'review' widget to work, I have no idea how I would even get that to cross over?! Thank you! These videos are a huge service to us!
@@christopherneil8312 My pleasure.. let me know if I can help. And I will be doing a forms tutorial as a lot of people struggle with these so your not alone.
help me, after doing all this, my installed theme has an import data error, what should I do?
Hi there.. hard to tell without seeing the site. There is a a reimport feature which you can try. In the Wordpress admin look for the Udesly link in the banner that runs at the top and then click reimport data..
Otherwise when converting the theme sometimes the Udesly app needs a page refresh if elements are missing from the design like css for example.
Hi mate - can you share a theme created with webflow and udesly? Would like to see how it works in wordpress
Hi Renato I pulled this together for another subscriber a few weeks ago.. let me know if you have any issues. bit.ly/2XNIQ07
@@AlternatePro Thank you very much appreciated. You're doing a great job with the channel +1
@@RenatoEsquarcit thanks man.. I will do a full template at some point as I build through the series. have a great weekend
can you modify the pages of the site on WordPress?
Hi there.. if you want to change copy and images then yes.. if you want to change the whole layout then unfortunately no .
You are creating a hardcoded theme with this process which produces a faster theme that is less reliant on plugins . So technically easier to manage and less expensive but the trade off is that you don't have on-page design options like Elementor or Oxygen.
But making changes to your theme in Webflow and then installing a new theme is a easy process and the frontend editor stores your changes so you don't have to worry about overwriting your work on WordPress when uploading a updated theme.
awesome bro
Thanks. Glad you liked it.. new tutorials coming this week with a massive improvement in audio and camera quality
Don't know exactly if you need a certain type of theme but am using theme forest and for 48 hours nothing is happening never a response with webflow the service is horrible. . I don't recommend ever using webflow just want to move this site.
Hi nope you don’t need a specific theme.. but you do have to configure it depending on what / how you are trying to complete.
You are going to have to do some work to make the theme work in the destination platform and you will need to keep your webflow account / site in the event you want to update or change any major elements of the site.
How expensive does this become?
Cheaper than elementor and a boatload of plugins like crockoblock needed to create anything useful.
Overall you will be paying for a light account plan on webflow ($16usd per month), Udesly, your hosting cost (I recommend cloudways) and whatever plug-ins you want to use.
Your Udesly AF link is no longer up to date
Thanks and yep I know, I have a direct relationship with Udesly so all good.. thanks for flagging though
13:13 yes lot's plugin it's a very ....
Can u pls share the zip file u downloaded from webflow? I'll sub for that
Hi there sorry but because it heavily uses Flowbase modules it would break their terms and conditions as I would be distributing their products for free.
I understand but I dont want the flowbase code I just want the webflow templates code with animations I want to see the code
Ok cool I will create something for this quickly today and will share a template file.. won't be 100% the same but will cover the same elements so you can see how the code looks.. overall the code is extremely clean but what you will see is a few extra html ID's that basically webflow needs in order to get the interaction s to work..
You got a sub bro
Hi just to let you know I haven't forgotten about this.. Just ran out of time today but will put it on the todo list tomorrow.
I’m not trying to be negative but I think you should stick to the Webflow to Shopify series.
Most people leave WordPress for Webflow, what would be the point to convert WF to WP? I guess using the WP plugins maybe.
Anyway, in my opinion, there are much more people interested in converting Webflow to Shopify (for ecommerce) rather than to WordPress (for plugins), including me.
Ya webflow to shopify is what the majority of community needs
Disagree, there are huge number of clients who still demand Wordpress, often because they have a pre-existing folio of WP sites.
@@bilbs87 I guess you're right. On my side; I only work within Webflow or Shopify. I either build websites for my clients or migrate theirs on Webflow.
Hi guys thanks for the feedback and the idea is to try and help as many people as possible and eventually cover ALL of the supported CMS's .. the awesome thing that Udesly brings to the table that no other "page builder workflow" can bring is flexibility and that is a superpower for growing your agency and giving you choice when building for different clients with different requirments. As this channel evolves and grows I will be upping the number of videos per week which will cover the various CMS's.
Cheers and thanks for the chat
No offense but if it doesn't pertain to your situation why comment? There are plenty of reasons why clients use Wordpress as a CMS (it's a more advanced CMS than WF) so this would be the video for that situation.
Good content, but no need to show your face every 20 seconds. You can keep the video on the screen to keep the momentum flowing.
Yeah I was still learning when I did the first videos.. much fewer transitions in the new ones.