





    <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.5fc55e5d3d3fb3d0d468405e52113eef.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:'92136d04a9bd507d',t:'MTc0MjExOTQ2MC4wMDAwMDA='};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 class="attention">Adding a PDF lets you quickly add content to your website. To begin, you will need to <a href="https://www.bluehost.com/help/article/access-website-builder" target="_blank">access your Bluehost Website Builder</a>.</p>

<h2>Adding a PDF File</h2>

<p>To add a PDF File, you will need to create a link. For more information, please see <a href="https://www.bluehost.com/help/article/website-builder-add-links" target="_blank">Bluehost Website Builder - How to Add a Link</a>.</p>

<ol>
	<li>Select the button, text, or image you want to link to your PDF. An edit menu will appear.</li>
	<li>Click the&nbsp;<b>'chain link' icon</b>. The 'Attach link' menu will open.</li>
	<li>Select the&nbsp;<b>Document</b>&nbsp;option.</li>
	<li>Click the&nbsp;<b>Upload document</b>&nbsp;button, then choose your file from the browse window that pops up.</li>
	<li><b>Save</b>&nbsp;changes when finished.&nbsp;<br />
	<img alt="Name of the article" src="https://content.bluehost.com/bluehost/img/bluehost/site-builder/website-builder/bwb-add-files.gif" style="width: 100%;max-width: 800px;margin: 15px 0px;border: 1px solid #b4b4b4;" width="600px" /></li>
</ol>

<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><b>Note:</b> Your edits and updates are reflected instantly in Website Builder, but don’t forget to hit <strong>Save</strong>&nbsp;or <a href="https://www.bluehost.com/help/article/website-builder-publish" target="_blank"><strong>Publish</strong></a> to save your work.</p>
</div>
</div>

Website Builder (for WordPress) - How to Manage Files

Adding a PDF File