





    <div class="root responsivegrid">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="embed aem-GridColumn aem-GridColumn--default--12">



<style>
    .fixedAd {
        position: fixed;
        z-index: 1000;
        box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2) !important;
    }

    .bannerAdOuterContainer {
        display: flex;
        justify-content: center;
        flex-direction: column;
        vertical-align: middle;
        align-items: center;
        bottom: 0;
        left: 0;
        width: 100%;
        /* height: 50px; */
        background-color: #ccecff;
        color: #485c77;
        font-weight: 600;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    }

    .bannerAdInnerContainer {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        padding: 10px 20px 5px;
    }

    .message {
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding-bottom: 3px;
    }

    .secondLine {
        display: none;
    }

    .contentTitle {
        flex-direction: column;
        display: flex;
        margin: 0;
        text-align: center;
        color: #041D33 !important;
        letter-spacing: 0px;
        text-decoration: none !important;
        transition: ease-in-out 1s;
        font-weight: 600;
        font-size: 1rem;
        font-family: 'Montserrat';
    }

    .contentsubTitle {
        display: flex;
        margin: 0;
        text-align: center;
        color: #485c77 !important;
        letter-spacing: 3px;
        text-decoration: none !important;
        transition: ease-in-out 1s;
        font-weight: 600;
        font-size: 10px;
        font-family: 'Montserrat';
    }

    .dark {
        color: #161616;
    }

    .highlight {
        background: #fad64a;
        color: #1d2a3b;
    }

    .brand {
        color: #196BDE;
        font-weight: 700;
    }

    .ctaContainer {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .cta {
        display: inline-block;
        background-color: #196CDF;
        border-color: #196CDF;
        color: #fff;
        border-radius: 2.56px;
        text-decoration: none;
        width: 120px;
        height: 30px;
        margin: 2px 0;
        text-align: center;
        text-decoration: none;
        opacity: initial;
        border: 0;
        transition: all .25s ease-in-out;
    }

    .cta:hover {
        color: #161616;
        box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
    }

    .cta>a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        font-family: 'Montserrat';
        text-decoration: none;
        color: #FFFFFF;
        transition: all .25s ease-in-out;
        font-size: 1rem;
        font-weight: 700;
    }

    .cta:hover>a {
        color: #161616;

    }

    .hMed {
        display: block;
    }

    @media (min-width: 992px) {
        .hideOnDesktop {
            display: none;
        }

        .bannerAdOuterContainer {
            width: 100%;
            height: 90px;
        }

        .bannerAdInnerContainer {
            flex-direction: row;
            padding: 10px 20px;
        }

        .message {
            margin: 0;
            padding: 0;
        }

        .contentTitle {
            display: block;
            font-size: 20px;
            line-height: 37px;
        }

        .contentsubitle {
            display: block;
            font-size: 10px;
            line-height: 15px;
        }

        .cta {
            height: 64px;
            width: 240px;
            margin: 0 0 0 30px;
        }

        .cta:hover {
            color: #161616;
            box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
        }

        .cta>a {
            font-size: 18px;
        }

        .hMed {
            display: none;
        }
    }
</style>

<div class="bannerAdOuterContainer fixedAd">
    <div class="bannerAdInnerContainer">
        <div class="message">
            <div class="contentTitle">Up to 75% off on hosting for WordPress websites and
                online stores
            </div>
        </div>
        <div class="ctaContainer"><button class="cta"><a target="_top" href="https://www.bluehost.com/wordpress/wordpress-hosting?channelid=P99C46097236S1N0B2A151D320E0000V100#pricing-cards" data-element-location="sticky-footer" data-element-type="cta" data-element-label="seventy-off-sticky-footer">Get started</a></button></div>
    </div>
</div>
</div>

    
</div>
</div>








    
<script src="https://www.bluehost.com/etc.clientlibs/bluehost/clientlibs/clientlib-dependencies.min.4e69d58551a555f0a11746f84dfe8934.js"></script>
<script src="https://www.bluehost.com/etc.clientlibs/wci-core/clientlibs/clientlib-base.min.e9647c1236accc80d9bdced827b6dd23.js"></script>
<script src="https://www.bluehost.com/etc.clientlibs/bluehost/clientlibs/clientlib-site.min.68f41f2225488c05d43734afbb8d3ebc.js"></script>





    
    





    
    
<script src="https://www.bluehost.com/etc.clientlibs/core/wcm/components/commons/site/clientlibs/utils.min.9a20347481f35c44bd1c5b2e31cd2cc8.js"></script>
<script src="https://www.bluehost.com/etc.clientlibs/core/wcm/components/commons/site/clientlibs/imageDynamicMedia.min.0a201f8f160f362cc4f8b50c1bd47f23.js"></script>
<script src="https://www.bluehost.com/etc.clientlibs/core/wcm/components/image/v3/image/clientlibs/site.min.8d52a16d2fbca419380aa4389324e137.js"></script>




<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'92609d9bb9cdbfa7',t:'MTc0MjkyODg1NC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>

<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'92609d985e98ed84',t:'MTc0MjkyODg1NC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>

<p>Learn with Bluehost Website Builder for WordPress how to connect a domain to the Website Builder Editor. To have a website online for people to locate your website business or organization.</p>

<ul>
	<li>You need two things:
	<ul>
		<li>a registered domain name</li>
	</ul>

	<ul>
		<li>a website design tool like the Bluehost Website Builder</li>
	</ul>
	</li>
</ul>

<hr />
<ul>
	<li><a href="#connectadomainBHwebsitebuilder">Connect a Domain to Bluehost Website Builder</a></li>
	<li><a href="#Summary">Summary</a></li>
</ul>

<hr />
<h2><a id="connectadomainBHwebsitebuilder" name="connectadomainBHwebsitebuilder"></a>Connecting a Domain to Bluehost Website Builder</h2>

<p>This will show you how to connect a domain to Website Builder Editor.</p>

<div class="alert alert-danger" style="background-color: #fcf8e1;border-left-width: 3px;border-left-style: solid;border-left-color: rgb(246, 195, 66);">
<div class="callout-content">
<p><strong>Important: </strong>If you choose a domain that is currently assigned to an existing site, publishing your Bluehost Website Builder site to that domain WILL overwrite all current site content. It is strongly recommended that you back up any content you wish to keep prior to publishing over an existing site.</p>
</div>
</div>

<p>To begin, you will need to access the <a href="https://www.bluehost.com/help/article/access-website-builder" target="_blank">Bluehost Builder Editor</a>. Once you are ready to publish your site:</p>

<ol>
	<li>Click the <strong>Publish</strong> button towards the top right corner of your screen. You will see a new window pop up showing your temporary URL.<br />
	<img alt="website builder editor connect a domain click publish button" src="https://content.bluehost.com/bluehost/img/bluehost/site-builder/website-builder/bh-website-builder-forwordpress-publish-button.png" style="width: 100%;max-width: 800px;margin: 15px 0px;border: 1px solid #b4b4b4;" /></li>
	<li>Click the <strong>Choose Domain</strong> button.</li>
	<li>Select your preferred domain from the drop-down.
	<div class="callout callout-info" style="background-color: #d7edf9;border-left-width: 3px;border-left-style: solid;border-left-color: rgb(23, 155, 215);">
	<div class="callout-content">
	<p>Only domains <a href="https://www.bluehost.com/help/article/how-to-assign-a-domain" target="_blank">assigned to your Bluehost account</a> will show up on this list.</p>
	</div>
	</div>
	</li>
	<li>Click the <strong>Connect this domain</strong> button.</li>
</ol>

<p>&nbsp;</p>

<p>Remember, any changes you make to your website, save and click the <strong>Publish</strong> button for your website changes to take effect and appear online. If you need help check out Bluehost guide:<br />
<br />
<a href="https://www.bluehost.com/help/article/website-builder-publish" rel="nofollow" target="_blank">Website Builder (for WordPress) - How to Publish your Website</a></p>

<p>&nbsp;</p>

<hr />
<h2 id="Summary"><a id="Summary" name="Summary"></a>Summary</h2>

<p>To ensure you are ready to take your website from draft to live, this guide shows you how to connect a domain to Bluehost Website Builder. There are different methods, but when you connect a domain to Website Builder and publish the site, it will allow your website to appear online. This process involves registering a domain name and accessing your Bluehost Website Builder Editor.</p>

<div class="alert alert-info"><strong>For website building and SEO (Search Engine Optimization) discoverability tips</strong>, check out Bluehost blog <a href="https://www.bluehost.com/help/article/website-builder-design-guide" rel="nofollow" target="_blank">Website Builder (for WordPress) - Design Guide</a> and <a href="https://www.bluehost.com/blog/an-overview-of-seo/" rel="nofollow" target="_blank">an overview of Search Engine Optimization (SEO)</a>.<br />
<br />
If you need help taking your business to the next level, view <a href="https://www.bluehost.com/help/article/seo-marketing" rel="nofollow" target="_blank">SEO Marketing Packages and Plan.</a></div>

<p>&nbsp;</p>

<p><a href="https://www.bluehost.com/help/article/seo-marketing" rel="nofollow" target="_blank"><div class="callout callout-info" style="background-color: #fcf8e1;border-left-width: 3px;border-left-style: solid;border-left-color: rgb(246, 195, 66);">
<div class="callout-content">
<p>If you need further assistance, feel free to contact us via Chat or Phone:</p>

<ul>
	<li><b>Chat Support -</b> While on our <a href="https://www.bluehost.com" target="_blank">website</a>, you should see a <strong>CHAT</strong> bubble in the bottom right-hand corner of the page. Click anywhere on the bubble to begin a chat session.</li>
	<li><b>Phone Support -</b>
	<ul>
		<li>US: 888-401-4678</li>
		<li>International: +1 801-765-9400</li>
	</ul>
	</li>
</ul>

<p>You may also refer to our <a href="https://www.bluehost.com/help" target="_blank">Knowledge Base</a> articles to help answer common questions and guide you through various setup, configuration, and troubleshooting steps.</p>
</div>
</div></a></p>

Website Builder (for WordPress) - How to Connect a Domain to Website Builder Editor

Connecting a Domain to Bluehost Website Builder

Summary