Introducing TheirLabel: domain name white-labeling for Bubble

Thanks for the quick reply, appreciated.
I found a workaround for it, I will make sure if the customer is using the whitelabel feature to change the external website navigation to external link (open in another tab) using the Toolbox plugin, opening in another tab will escape the iFrame, I tested it in your demo and it’s working.
Thanks again for your solution, I think I will install it next week and start integrating with my app.

1 Like

Oh, I stand corrected then :slight_smile: Very cool, glad to hear it all works out!

1 Like

Hi Zelus,
I have another problem, which is a show stopper.
I want the customer to configure his DNS only once, ex: (sub.customera.com → sub-customera-com.netlify.app).
But I have multiple URLs for each customer need to be whitelabeled, and I was planning to provision whitelabels with customer URLs (not domains) Ex: sub.customera.com/{same bubble URL slug}, because I’m going to need to use the same domain for multiple URLs.

But I tried that in your demo site and didn’t work, netlify showed ‘page not found’ and when I deleted the URL part and kept the domain only it worked.

To be sure, it is possible to setup different domains (i.e. james.com and jane.com) to point to the same whitelabel (bubbleapp.com/slug). That said, I’m not quite sure what your exact use case/goal is. Unfortunately it is not possible to point anything other than a domain (either like subdomain.apexdomain.com or apexdomain.com ) to a whitelable :frowning:

Hi,

I’ve read much of this and have a couple of questions:

  1. When rendering to a mobile device via stealth forwarding, the iframes functionality zooms the browser out 300% so the app is not usable. Does your plugin have the same effect?

  2. I guess there’s a risk that if your third-party provider goes down or out of business, then all our SaaS users are SOL?

  3. I could not add a CNAME and an A name on my domain registrar’s page, they gave me an error saying: “Cannot set A Record and CNAME together.”

Thanks
Tristan

Hi Tristan, thank you for your message! I answer your questions here below:

  1. When rendering to a mobile device via stealth forwarding, the iframes functionality zooms the browser out 300% so the app is not usable. Does your plugin have the same effect?

I’m not exactly sure what you mean by “stealth forwarding” but I can assure you that zooming out by 300% is not an issue on mobile in incognito mode (but feel free to test out theirlabel.com in stealth forwarding - that is an that has been whitelabeled with this plugin).

  1. I guess there’s a risk that if your third-party provider goes down or out of business, then all our SaaS users are SOL?
    This is always a risk when relying on 3rd party providers. That said, Netlify actually powers a significant chunk of the internet, and so that risk currently looks very small.
  1. I could not add a CNAME and an A name on my domain registrar’s page, they gave me an error saying: “Cannot set A Record and CNAME together.”

This plugin / netlify’s domain name configuration involves an A record OR a CNAME record - not both, so as long as you/your customers can use one or the other, then you can use this plugin :slight_smile:

Let me know if you have any other questions - happy bubbling!

This is really excellent. Was looking for something like this for a long time and stumbled across it from a Google Search. Excited to play around the test I made from the site was seamless and I was worried I couldn’t add favicon and such but I see that is possible. Super awesome!

1 Like

Thank you for your message Stuart :slight_smile:

just out of curiousity. I assume I will need a paid plan for netlify for this? How many custom domains would the first tier of that plan be able to handle?

As you mentioned, a companion Netlify account is needed for this plugin to work. The base account needed is currently 100% free. Netlify, of course, offers additional features for a price, but none of these are required to get the plugin working.

As for the number of white labels the free tier would support - that I’m unsure of. I haven’t heard of any TheirLabel customers reporting needing to upgrade but at some point, larger apps with moderate volume will have to bump up into a paid Netlify account. The most white labels I’ve made in service of one Bubble app was about 40 and never had to upgrade.

1 Like

Thanks for your answers. I still can’t get your examples to work. Can we perhaps dm?

Hey Tristan, am happy to continue working through any issues you’re experiencing right here or over DM, just let me know! That said, is it my demo that you’re seeing issues with working or setting it up in your environment? Am looking forward to resolve these issues as soon as possible, thanks!

Tristan, did you get a chance to see my message here?

I don’t perfectly understand what is meant by stealth forwarding. That said, if the demo I linked to doesn’t clarify things for you, by all means please follow / help me understand a little more about stealth forwarding. Thank you!

Stealth forwarding is where the url remains the same as the entry url regardless of the url that it is being forwarded to.

Example:

App is at: app.mybubbleapp.com

Customer url: customer.com

Customer.com —> forwards to: app.mybubbleapp.com

But what the user sees in the browser url is: customer.com

I see. By that definition, I suppose “Stealth Forwarding” is exactly what this plugin does as that’s the way we create white labels. And I believe this to be the case of any white labeling plugin available in the bubble marketplace. So yes, this plugin does that and does not change the zoom factor on mobile devices. This is something you can test for yourself on theirlabel.com! Thank you

@zelus_pudding TheirLabel doesn’t support copying content from the Bubble app inside the iFrame to your clipboard via JS. Could you adjust the iFrame code your plugin deploys to Netlify?

Currently, it’s

<iframe id="myIframe" src="https://my.bubble.app"></iframe>

If you change that to

<iframe id="myIframe" src="https://my.bubble.app" allow="clipboard-read; clipboard-write"></iframe>

then it works.

1 Like

Just updated the plugin to support copying content from the Bubble app inside the iFrame to a user’s clipboard via JS. Update to version 2.0.9 to use :slight_smile: Thank you for that code contribution @tobi1 - definitely helped get this updated quicker!

1 Like

Thanks man! That was quick :slight_smile:

1 Like

That is a very excellent solution! Thank you, Zelus! I have 2 more suggestions that will greatly improve this great plugin:

  1. Make it possible to add a custom color for the body (so the page will start to load for the user instead of a white background)
    Знімок екрана 2022-11-29 о 16.26.31
    1.1) Ideally, it would also be possible to show the loader before the appearance of the first visible elements. Because those first 2-3-4 seconds of waiting with a white screen (I know it’s on the side of Bubble) - can worsen the conversion. The loader is very easy to add - it can fix that if the size of the content, for example, becomes more than 100 pixels - the loader disappears (like this – Preloader Page Plugin | Bubble, but on the head-side, not the body-side as in this plugin)
  2. For the Google speed Test indicator to show a non-zero result, I found one life hack - you need to add a transparent inscription in the body, for example - div class=“first”>Page is loading…</div (and in the header - .first {width: 0px; height: 0px; color:#161616;}), then Google Page Speed ​​will show quite good results

Bro, your plugin doesn’t work for the Ukrainian most popular domain zone – ______.com.ua, can you fix it, please?

As a domain, its works well but at sub.domain.com.ua it’s not working.
aha, I understand – plugin think, that is sub.sub.domain.zone.

How to fix it for com.ua, in.ua, kiev.ua and other?