navigate
the roar
Welcome
the roar site club
Thank you so much for choosing The Roar. I really appreciate your support! I am so excited to help you bring your business to the next level with a fresh new website. On this page you'll find everything you need to have a fun and easy website process. Please don't hesitate to contact me if you need any help. I wish you the best and look forward to catching up with you soon!
Liefs, Dianta
upload instructions
Simple step-by-step instructions to upload your new template into your own Showit account.
1. Create a Showit account
Go to Showit and create a new account by clicking the blue button 'Create your site'. Follow the registration steps and login to your new account.
2. Add to library
Login to Showit and click the tab ‘Your Designs’ and click "Add design to library". Paste the Site Key Code in the window and click ‘Add now’. Select the template and click ‘Start with this design’. There you go!
If you already logged into Showit before and maybe played with another template, then click on your name in the bottom left corner and click "Create A New Design". Then follow the steps above.
3. Customize
Upload all your content and use Showit's easy-to-use drag-and-drop customizer to make the template fit your business and brand perfectly.
I created an easy workflow as a guideline with helpful tips and resources every step of the way from start to launch. Click the button and let’s create a stunning new website!
easy workflow
easy workflow
workflow
take your time + keep it simple
Please view the workflow on a tablet or desktop. The mobile version for this section is in the making!
workflow
take your time + keep it simple
Step
This easy workflow is to help you get started, keep going and check off all the website things. You can jump from one step to the other and back again. There is no right way, only your way! I created these steps as guidance and to point you to helpful resources. If you have any questions, feel free to get in touch with me!
workflow
step one
Let's make your dream website!
one
two
three
four
five
six
seven
eight
nine
ten
Let's hit the ground running and do some prep work before you dive into Showit. Download the Website Checklist and take a quick look at it, so you begin with the end in mind. Then download the Content Checklist and map out your website Write your copy and collect all the images for each page. Collect your logo, favicon, graphics, colors and fonts.
Have a quick look at the Showit Overview video and you are all set to rock your new website project!
first things first
content checklist
quick showit overview
resources
prepare images for showit
website checklist
step two
one
two
three
four
five
six
seven
eight
nine
ten
Let's dive in! Start with adjusting the Site Settings, Design Settings and upload your images into the Media Gallery. You can create a folder for each page and keep your images organised. When you want to replace colors, then it's best swap colors for with the same kind of shade. For example, if you want to add a dark green you can replace a dark grey, instead of replacing a light beige. This way the new colors will resonate well with the template design.
showit settings
site settings
design settings
manage your media gallery
add a custom font
resources
set your favicon
step three
one
two
three
four
five
six
seven
eight
nine
ten
Let's move and shake things around! Start editing the Site Canvasses first. These canvasses have diagonal stripes and are on each and every page of your website like the navigation and footer. Then edit the Home page and work your way through every page one by one. You can always go back to the original template design because this sits safely in your Design Library.
canvas views
preview options
copy, paste and duplicate
aligning multiple elements
re-add a page or canvas from the original design
edge locking
mobile vs desktop design
canvas backgrounds
stacking order for elements and canvasses
customize
resources
step four
one
two
three
four
five
six
seven
eight
nine
ten
add a video
links and click actions
linking social media icons
mailchimp + Showit
add an instagram feed
contact form
creating a pop-up
Maybe you already worked on the functions of your website when your edited each page. If not, now is a good time to make sure everything connects, links and works well.
If you need help with Mailchimp, please let me know? I know some cool dudes who can quickly provide custom code to embed the signup form in your website. Get in touch to receive more details.
functions
resources
step five
one
two
three
four
five
six
seven
eight
nine
ten
Launching your website with a new blog
Launching your website with an existing blog
Launching your website with no blog
Before you launch your website it needs to be connected to your domain with or without a new blog or existing blog. You can do this step sooner or later, but please keep in mind that it takes Showit around 2-4 days to set it up for you.
First edit your Coming Soon page and set it as your home page via the three little dots next to the page name. Then you can request the domain setup. Please click the links on the right for the exact steps to take.
domain setup
resources
step six
one
two
three
four
five
six
seven
eight
nine
ten
how blogging works with showit
how to customize your blog
new to wordpress?
how to optimize blog images
wordpress plugin yoast for seo
Now that your domain is connected you need to click the button 'Publish' to make your changes visible for everyone, like for real. But you can totally do that because your Coming Soon page is live. Pfieuw! You can edit the blog pages and make sure everything looks good and works well. If you want to see your new changes, you can go to yourwebsite.com/blog or any other page. Keep in mind that if you have requested a new blog, you need to add some blogposts in Wordpress first.
blog
resources
wordpress placeholder fields
step seven
one
two
three
four
five
six
seven
eight
nine
ten
setup google analytics in showit
free keyword search tool
showit seo tools
Showit has very easy and effective SEO tools build in! After all this customizing you might not want to dive into keywords and meta descriptions, I know! But it's a good thing to at least set the Page title, Meta Description and Share image for your home page and preferably all pages. When you launch your website you are going to share your site url. When you optimize SEO for the home page, the link will show the picture and description and that's way more pretty then just a simple link ;-)
seo
resources
step eight
one
two
three
four
five
six
seven
eight
nine
ten
request a free website check
You are almost there! Click and test everrrrything! You can also ask a family member or friend to take a fresh look? You can request a free website check with me where I quickly view your website to see if everything is good to go. You can also hire me to tweak and edit everything to give your website a clean designer look.
check it
resources
get the designer look
step nine
one
two
three
four
five
six
seven
eight
nine
ten
Ready? Set your home page as home page, hit publish and you are live!!!! You did it!! I am so happy for you. Giving you a big virtual hug and raising my glass to you and your stunning new website!
I would love to hear your thoughts about this creative website adventure. Your feedback means the world to me! I would also like to give you a little boost on Pinterest and showcase your new website in my look book. Sounds fun? Send me an email and we'll make it happen!
launch your site
get in touch
step ten
one
two
three
four
five
six
seven
eight
nine
ten
Girl, I am always available whenever you need website support or if you want to brainstorm creative ideas. I am your pal and it's my honor to serve you anyway I can in your business journey. You are amazing.
Thank you so much. Have a beautiful day!
ongoing support
Liefs, Dianta
one
two
three
four
five
six
seven
eight
nine
ten
content checklist
free downloads
Simple checklists to help you get organised and launch with ease and confidence!
website checklist
Just for you
I’ll check your website from head to toe right before you are ready to hit 'publish'. I will correct small things and notify you when there are bigger things to look at. I am your fresh set of eyes! This way, you feel confident that everything is good to go!
Before you request this website check, please make sure you are really done with everything. It's the moment right before we toast to your website launch!
free website check
request a check
designer look
I'll wave my magic wand and give your website the designer look you fell in love with
yes! work your magic
starting at € 125
You are done with all the customizations! You are a rockstar. Now you can request a free website check, but maybe you need a little bit more? You can hire me to walk through your website and improve everything both aesthetically and functionally.
You have access to a ton of Showit (video) tutorials and trainings. You have support from Showit experts 24/7 via the live chat. And you can join a Facebook community with creatives just like you!
showit support
Support
showit support
showit support
showit support
trainings
You might need this
These are my favorite things, resources and tools. Some are affiliate links, which means I earn a small percentage of money when you click and buy. No secrets here! I thoughtfully selected and thoroughly tested each recommendation, especially the Oysho leisure wear ;-)
Handcrafted digital design goods, photos & mockups for creatives.
Molly and Mark are the best! They are so kind and their minimalistic collection of unique stock photos, scene creators and mockups easily elevates your online presence.
view collection
Fonts, logos, photos, mockups, presentations or social media templates? Creative Market has it all pre-made!
The Shopify Buy Button works perfectly with Showit! It's how I have set up my shop and in this blog post you can read all about it.
I wear yoga pants everyday! I love a casual, sporty, good quality look for my day to day activities. And Oysho is so cool, affordable and comfy!
Pinterest is my jam and because of Tailwind it's booming. Tailwind offers essential tools to make Pinterest and Instagram marketing very easy, impactful and fun!
I use Unsplash images in all my template designs. It's absolutely okay to use stock photos beside your own unique images. And Unsplash is the way to go go.
Canva is an easy to use and free tool to create professional illustrations for social media, videos, prints, presentations, look books, mood boards, etc. You name it!
Fonts, logos, photos, mockups, presentations or social media templates? Creative Market has it all pre-made!
The Shopify Buy Button works perfectly with Showit! It's how I have set up my shop and in this blog post you can read all about it.
I wear yoga pants everyday! I love a casual, sporty, good quality look for my day to day activities. And Oysho is so cool, affordable and comfy!
Pinterest is my jam and because of Tailwind it's booming. Tailwind offers essential tools to make Pinterest and Instagram marketing very easy, impactful and fun!
I use Unsplash images in all my template designs. It's absolutely okay to use stock photos beside your own unique images. And Unsplash is the way to go go.
Canva is an easy to use and free tool to create professional illustrations for social media, videos, prints, presentations, look books, mood boards, etc. You name it!
You have me as personal designer on the side lines! Feel free to drop me a line anytime throughout your design process and I'll make sure you get the help you need within 1-2 business days.
Contact me
weekdays from 10 am to 4 pm
dianta@theroar.nl
send a message
let's celebrate
yes, let's do it!
get a little boost
A big virtual high five! You did it!! Now, let's boost that launch of yours together! I would love to feature your brand new website on my website and give you a Pinterest boost. What do you say?
