Built a website builder in bubble. Nocodeception?

nachodip97 · 2020-09-02T08:47:48.536Z

I always wondered if it would be possible to build a website builder inside bubble, so i got to work and made a website builder/shopify clone.

You Can: -create a custom layout with multiple blocks to choose from -create products and display them on your site, and add custom varieties that users can pick from -create and display blog posts -create multiple pages for the site, and much more. i also wanted to add the ability to customize all element colors, but it would take too long.

You can view it to mess around with it here: https://shopey.bubbleapps.io/

let me know your thoughts

tutorial on how to use it: https://streamable.com/ygi6m7

J805 · 2020-09-02T15:40:39.985Z

Hey @nachodip97

I just took a quick look at your site. Great ideas! I didn’t last long on the site though. You might need to do some sort of walkthrough/tutorial for beginners since I can’t figure out how to use the site.

Sometimes when we create things ourselves, it seems easy. When you throw someone else in there, that doesn’t know how it works, they get lost and overwhelmed fast.

Here are some ideas:

https://bubble.io/plugin/walkthrough--onboarding-tour-1524608392042x800431650188820500
https://bubble.io/plugin/hopscotch-step-by-step-tours-1531522528474x300804982411100160 (FREE)
https://bubble.io/plugin/hopscotch-plus-1559575448813x800935992519295000

These are good ways to do new user onboarding. Most large companies do this, Bubble does it too with the little red arrow. It allows for new users to quickly understand how to do things using your software.

Keep up the good work! This seems like it has some good potential!

Hope that helps!

@j805 www.NoCodeMinute.com

For All Your No-Code Education Needs:

One-on-One Tutoring
eLearning Hub
Video Tutorials
No-Code Classes

nachodip97 · 2020-09-02T17:56:20.965Z

Thank you, I’ll make a tutorial for it. But just a question, what part did you get lost in? Maybe I could also make it easier to navigate

J805 · 2020-09-02T18:08:13.538Z

Honestly, I didn’t even know where to start. I just started adding stuff but it looks like nothing I added showed up on the other page. So I’m not sure, if there is a required order of things, you may want to not show other elements until the required ones are completed. Hope that helps a bit.

phrase9 · 2020-09-02T18:39:04.031Z

Having used website builders before, I actually found it easy and straightforward. It of course lacks many essential blocks necessary for a full website but still this is excellent. I would look forward to a tutorial on how you created this. Bravo.

nachodip97 · 2020-09-02T18:39:47.904Z

Here’s the basics: After logging in and going to the dashboard, press on the editor, and then press on the plus button. You’ll then see options for blocks to add. Then you’ll see it on the bottom of the side bar. Tap on its edit button, then a group will appear with the options you can edit. You can press on the switch page button, and a popular will appear. You can create a new page, or switch between pages by clicking on their names. Also, you’ll have add product or blog blocks on your site after you create products and blogs from the dashboard so they can be viewed. Once you’re done, just click on the preview button and you’ll see what you’ve done

There’s a bit more to it than that, but I’ll explain it in detail when I make a full tutorial later. Hope this helps for now

nachodip97 · 2020-09-02T19:17:25.212Z

Thanks. I have a couple of blocks planned, and I’ll be adding them in the future.

Making a tutorial on how to remake it would be difficult, but I’ll deifnelty look into it.

helloitshart · 2021-09-04T13:53:07.398Z

Hey,

nice app. I’m trying to create a page builder with bubble and I’m struggling on several points, is it possible to see how you managed your workflows and other stuff please?

Cheers

nachodip97 · 2021-10-17T16:30:00.006Z

The way it works is that all the building blocks groups, all on top of each other inside a repeating group. I then have a condition to show a group when current cell’s block is that group’s block. And by using collapse when hidden option, everything works smoothly.

israhmedov25 · 2022-02-08T21:56:42.143Z

Hi. I know it’s a long time since you posted this topic. But I have started a similar project. The system is a little bit different, but also enough similar. I have just 1-2 questions that I want to ask you. Can we talk in private?

sam.trytopia · 2022-09-28T20:07:58.890Z

How would you go about changing the domains for your clients?

Landowski · 2022-09-28T20:28:01.590Z

Netlify for CNAME and @ and Let’s Encrypt for the SSL (https) certificate.

akash1406 · 2023-05-29T17:18:05.437Z

@nachodip97 I know its been a while, but is there a way I can access (https://shopey.bubbleapps.io/)? I am building a sales proposal creator and would like to know if that is possible with Bubble.

nachodip97 · 2023-05-29T20:34:36.931Z

haha, you’re in luck, just logged in to bubble for the first time in ages, only to see your comment.
here you go:

Bubble

Bubble - Visual Programming

Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

thetechdoge1 · 2023-07-09T18:17:00.845Z

How do I make my own website builder like this one? Is there a tutorial or template?

chris.williamson1996 · 2023-07-09T18:20:07.817Z

How advanced do you need the builder? More of a single page builder or full fledged website/funnel builder? I have options for both.

taylor1 · 2023-07-09T18:41:37.284Z

@chris.williamson1996 i’d be interested in a single-page builder

befi · 2024-01-26T16:41:11.362Z

Hi! Any chance you could share the application again please?