Transcription
Hello everyone. In this video, I'm going to show you how you can copy your Lapable Design website to your WordPress website.
So, uh, I, I'm going to use an extension and and uh, uh, plugins, and which, which is uh, paid and uh, it's called Clone WebEx. So, why I'm, I'm copying the Lavable design website to WordPress? Because Lavable uh, isn't a search engine friendly yet. So, uh, and I know there is a lot of people who are, you know, looking for this kind of solution to copy their level designed website uh, to WordPress because it's easier to design a website in Labable just by uh, you know, prompting or something like that.
So I have designed a website uh, as you can see, it's an Labable URL and uh, for myself, I've designed this uh, website. So, and and now I'm going to copy the design and for that, you have to install the Chrome extension of uh, what it, it's called like so clonewebex.io. It's an uh, I know there's a bunch of tools, tools they are selling. So you, you can uh, buy Clone WebEx, which is basic, basic plan is $10. You can copy 30 websites in a month and unlimited pages. So I think it's a pretty good option to copy your design and it's, it's very good at copying the design from here.
So first, you have to create a uh, create a new project. So I have 28 left. So you have to like give the name of this project and the domain uh, like this one, uh, Labable in this case. So it can copy the design from any website, you can see. So I'm going to click on copy and then uh, for example, we're going to pass the source domain like this one. You, you're going to pass and then create the webs, create the projects and I have already created the project. So I'm not going to create another.
And and then after that, you are going to come here uh, in this preview of the Lavable design page and then click on the extension, WebEx, Clone WebEx and then we're going to select it for example, editor friend in my case and then add this on the page, click on add page and it will, you know, create a clone of this or of this design. So you can copy any section uh, from this page or if you want, you can copy the entire page uh, in a single thing.
So after you coming here, you will see there is a link of their extension. So what you're going to do is click on this link and then download the extension and upload it in your WordPress and and when you, when you upload, upload it, act, make sure you activate the plugin. Then what you're going to do is ex, click on export. Okay, so I'm going to click on export. Uh, it will take of uh, I mean, few seconds to copy or the entire page and uh, oh, so it's copied.
And what I'm going to do is first, let me tell you one thing. You have to like first uh, come uh, you know, change the setting of soft.io IO of this uh, plugin. So it will, you know, automatically default, it won't tick on this uh, Clone WebEx popup uh, in page builder. So what you're going to do is click and tick on this things and and then click save changes. So I have already done this and and then uh, create a new page. Uh, for example, in my case, it's a new website, so I'm just uh, it's an home, I'm designing the homepage, so I'm going to come here.
So it, and then when you enable the tick mark and what you will see a popup like this. So what it does is when you copy uh, the entire page uh, and if you just paste it in here, if you just only paste uh, pass from other side, it will, you know, pass the whole design but it won't, you know, give you option to change the uh, what I say, like uh, the images. So it won't upload all of the images on your server. So if you wanted to upload all of your, all of this uh, you know, uh, images, icon on your server, I mean, it's in uh, it's in best practice as well.
So what you're going to do is click on this popup, Clone Yax and let's say I'm using uh, Elementor page builder. You can use uh, Gutenberg as well. So a and I think like uh, Elementor is work well u with this plugin. So and that's why I'm using Elementor. So I'm clicking on command V and then upload image, icon and all these things on my server and it will upload, uploading. Uh, we are going to wait a few seconds. Okay. It's already done this. So and then I'm going to click on copy to the clipboard. Click on this things. Okay, it's done.
Now what I'm going to click, paste from other side and then command V in the, if you are in Windows, then click on uh, you know, Windows V. Okay. As you can see, it's now copied all the design from uh, this Labable design website.
So let's check the responsiveness. For example, it doesn't, okay, in few cases. For example, it, it uh, doesn't copy the things like YouTube videos. So we will have to, you know, manually upload embed a video in here. So, so, so few sections isn't uh, looking good in this case, header, it's like, it's like everything messed up, but it's okay, we will customize it from here, right? So what I'm going to do is checking the responsiveness. Let's check on the mobile. Uh, I mean, it looks good. I feel like it's good, it's responsive, 100% responsive tip and and see. Uh, yeah, looks good.