Under the SITE tab, you'll find "MEDIA LIBRARY." Add New Folder and then upload high-quality, high-res PNG versions of your logos and other graphics you'll be using. It's super easy to organize your media content in different folders.  Move onto the next section for more detailed info regarding media.

If you want to use the fonts we designed the template with, you absolutey can! We only use google fonts to ensure you have the license to use them freely.

Custom brand fonts can also be added right to your Showit site in .woff format (web font) in the "DESIGN SETTINGS" Tab. Click "FONTS." Please note: upload custom font files to MEDIA LIBRARY first.

P.S. You can choose to "X" out the current fonts, keep 'em, add new custom ones or even browse google fonts right in your site style hub! 

Under the SITE tab in the top left corner of your design app, click "DESIGN SETTINGS."  

Your SITE STYLE hub will pop up in a new window. You have a placeholder for 8 colors! Typically I will change all the color boxes I don't need to #FFF (white). 

You'll need the HEX (#) codes for your brand colors. Tip: You can use Canva to find these color codes easily.  

Let's Talk About Branding, Baby

COLORS AND FONTS

Logo's and other branding elements should be high quality, web ready and in a .png format if needing a transparent background. 

There is a 8MB size limit for Showit uploads. Keep uploaded videos and GIF's on the smaller side. Embed videos hosted on YouTube and/or Vimeo whenever possible so you don't use up all your storage.

We suggest the longest side of your high-res, web quality images be between 1500px and 2500px maximum. Large files will slow down your website and we don't want that!  The BBA HAUS Team uses Lightroom to resize our images quickly.  We also recommend setting all images to have an RGB color profile and saved as a .PNG or .JPG.

BEFORE you upload anything to your Showit Media Library, we highly recommend that you do a little prep work on your desktop first. Images, videos and GIF's along with any branding elements should be renamed for SEO optimization. 

Example: Logo file should not be named LOGO.jpg. Instead name the element "Your Brand Name Logo."

Another example: If it's an image of a bride that you're uploading as part of a gallery of multiple similar named files try "Type of bride-Wedding Location-type of wedding-number" 

SEO is your best friend. We want the search engine spiders to crawl your website for those powerful keywords that YOUR perfect person is searching for!


Learn about SEO + Showit Here

Media Library

IMAGES VIDEOS GIFS, OH MY

There are so many amazing copywriters out there. I highly suggest searching Pinterest and YouTube to find someone that you automatically connect with, in your same niche. 

If you want to try DIY'ing your copy, give ChatGPT and Canva AI a try. We recommend being as detailed and specific as possible when giving these AI platforms writing prompts. Once you get the results you are happy with, that is when you take those final suggested results and make them your own.

If you do try AI, do not copy and paste. Actually avoid doing that at all cost! 

PRO TIP: When you approach writing copy for your site, make sure you are speaking to just one perfect person, making that text about them (not about you) and that you're talking to them in an approachable, personable way. You aren't a robot, darling! 

BBA HAUS Founder and Co-CEO Bri Alli is a veteran brand strategist, coach and custom website designer so she literally can't help herself when it comes to suggesting copy on our signature one page Showit templates as she's dreaming up and designing them.

(Copy is the text that lives on your website).

In fact, our team of designers start every template design with it's soulmate owner in mind first. We want to make having an online branded presence as easy as possible. Copy prompts are one way we accomplish this. Of course the copy we have included is only suggested to get your beautiful brain started with idea-brainstorming over there.

Ultimately it's up to you to write the text that will connect with and convert your perfect person into a fan for life or a buyer of whatever it is you are selling.

Copywriting Prompts

copy that, boss

The resource library Showit has is freakin' INCREDIBLE. You'll find absolutely everything you need to truly have THE website of your dreams. 

Click here to see all their contact and troubleshooting options.

This Showit web page is an AMAZING resource.  There's a video as well, if you are a visual learner. 

The BBA HAUS Template Shop website and BBA HAUS Magazine are designed and hosted on Showit because we LOVE having design freedom, but we also LOVE their customer service and support team amongst other amazing things.

Showit 101

THE CLIFFS NOTES VERSION

PAGE CANVASES ⎯ When you want to use a SITE CANVAS (master design), but want to make changes unique to one page only, you'll want to add the site canvas then immediately "CONVERT TO PAGE CANVAS." Then update the design so you don't change the master design. Trust me, this is a headache you don't want!

SITE CANVASES ⎯ Only create site canvases for sections of your website that you'll be adding to multiple pages and only want to update ONCE, with the design elements changing automatically and updating throughout the site at the same time.

HIDE DON'T DELETE ⎯ Never ever delete something unless you KNOW 100% that you'll never need it again.

DUPLICATE, THEN HIDE ⎯ If you want to change an existing design that came with your template, DUPLICATE that canvas FIRST. Then HIDE the original. That way, you always have something to fall back on if you change your mind or need to try again. Always do this, babe, regardless. It will make your life SO much easier with DIY design.

While we put a lot of thought into each of our template designs, we know you want a site that represents how unique, amazing and incredible YOU are.  We cannot WAIT to see what you do with your template. 

PRO TIP: Design in Desktop, then update Mobile before moving onto the next element, canvas, page, etc. DESIGN BOTH AS YOU GO.

Customizing Your Template

LET'S DIY BABY

Click Actions are MOSTLY set up for you already, depending on your individual template, but there are a few you’ll need to DIY.

To set a click action, highlight the text or box element on your site page. Next, find the "CLICK ACTIONS" tab in the right design panel. CHOOSE THE TYPE OF LINK you'll be assigning to this element. Then input your information, URL, etc.

PRO TIP: All affiliate links (URL) should also have a checked box next to OPEN IN NEW WINDOW and NO FOLLOW. We don't want your visitor to lose their place on your site and we definitely don't want web spiders crawling all of your affiliate links. Just trust us on this one.

When you're ready to add YOUR text to EXISTING text elements inside of your template, double click on the text box you want to edit in order to highlight ALL of the text. Then you'll simply PASTE your text into that box. I would NOT adjust the width of the text box, but you can extend the length as needed. Just be careful to not throw off the design as you adjust. ALWAYS check the mobile design as you update, add, style, swap, drag and drop! 

Here's a Showit TEXT Guide that will help you with this specific task.

In your Right Design Panel, you'll find the following text properties:

DIV: Design element only. No SEO here.
H1: Only ONE H1 PER PAGE not section. Usually the title of the page.
H2, H3: Section Headings.
NAV: Make sure all links are set to NAV.
P: Paragraph text elements.

Text Design Elements

TEXT, TEXT BABYYY

Our MAIN goal for your website is for your visitors to have an incredible experience right from the get-go.

We want them to EASILY navigate the site in order to find whatever it is they are looking for. We want them to connect with you immediately and participate in your call to action.

And we want to make sure that they have this experience on whatever device they happen to be using. This my friend, is what responsive design means.

All BBA HAUS templates are 100% optimized for SEO and for easy visitor use and interaction on desktop, laptop, tablet and mobile devices. Yeaaaaa baby!

Perhaps our FAVORITE thing about Showit is the ability to have the desktop version of a website look completely different than the mobile version (if you ever wanted such a thing to happen of course)! How stinkin' cooooool!!!!

You truly have 100% design freedom with Showit. 

Mobile vs. Desktop

100% RESPONSIVE DESIGNS

We love that Showit gives us an image BACKUP for our instagram feeds.  When you've added an instagram feed to your website, you'll want to then click on that design element to highlight it.

Next, you'll hop into the right design panel to connect your social account and customize the grid settings and other things you'd like for this gallery.

Finally, you'll add FALLBACK IMAGES. That's right. If for whatever reason Instagram isn't automatically syncing to your website, you'll have the exact images you want shown on your website (still clickable to your instagram account) and nothing will interrupt your online girl boss presence.

We love the options inside of Showit for galleries. You can simply have a single gallery located on any page of your site or you can have a dedicated portfolio / gallery / project informational page.

There are a few different visual options to choose from, too!

We'll let Showit tutorials help you out with setting this up, but we do a quick walk through tour of all our templates and share some gallery tips and tricks during if your site template has those elements included. View one of our video tours here.

Let's Set Up Your Gallery

PRETTY SOMETHINGS

Everything and I mean EVERYTHING you could ever need can be found on this master menu. Just another reason why we love Showit so damn much. 

Let's talk about GROWTH for a moment ⎯ BBA HAUS loves that your Showit website will grow with you, at YOUR pace.

For instance, you can add new pages and canvases or sections as you need them.

Don't need a blog? Don't have one.

Need a blog? Cool - let's add one.

Are you in need of a separate website that lives on your main URL as a subdomain? Oh girl, you can do this SO easily within the same Showit account.

In fact, you can have as many individual websites as you want. 

Strategically speaking, you can quite literally design bomb-ass landing pages for specific products, affiliate links, online courses, events...the sky is the limit here!

Aaaaaaaand these sites can function EXACTLY how you want/need them to because you have 100% design freedom.

So really, go get 'em girl. It's time for you to level up your web presence and your bank account!

Showit Resource Menu

a master guide