Welcome
to the
site club
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!
Thank you so much for choosing The Roar. I really appreciate your support!
getting started
Click this magical link to create a new Showit account and receive one free month of Showit. You always have a 14-day free trial period. After that, you may choose any subscription you'd like.
create a showit account
one
Log in to Showit and click your name in the bottom left corner. Click the tab "Your designs" and click "Add design to library." Paste the keycode in the window, and there you have your new website!
upload your template
two
The original template sits safely in your Showit Design Library. You can change everything and go back to the original design at any time. It's also handy to duplicate a page before you edit it. This way, you can always return to or look at the original page layout while you edit.
safe keeping
three
It’s best to quickly map out your website and gather or create your content first, so you have a clear vision. Then change as much or as little as you’d like to make the template fit your business and brand perfectly. Use the workflow below with helpful tips and resources for every step of the way from start to launch.
customize
four
workflow
take your time + keep it simple
Please view the workflow on a tablet or desktop.
This easy workflow is to help you get started, keep going, and check off all the things on the website. You can jump from one step to the next 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!
one
two
three
four
five
six
seven
eight
nine
ten
Let's make your dream website!
step one
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
one
two
three
four
five
six
seven
eight
nine
ten
step two
site settings
design settings
manage your media gallery
add a custom font
set your favicon
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 organized. When you want to replace colors, it's best to swap colors for the same kind of shade. For example, if you want to add a dark green, you can replace a dark gray instead of replacing a light beige. This way, the new colors will resonate well with the template design.
showit settings
Resources
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 it sits safely in your Design Library. You can also make a duplicate of a page before you edit it. Click the three little dots next to the page name and click "Duplicate." This way, you can always quickly go back to the original layout or take a look at it while you edit. When you are done, you can delete the duplicated page the same way.
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
step four
customize
Resources
one
two
three
four
five
six
seven
eight
nine
ten
step four
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 while editing 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 on your website. If you don't want to struggle, then I highly recommend Mailerlite. Mailerlite is also free and has a much cleaner and easier interface. You can do everything yourself.
step five
step four
functions
Resources
one
two
three
four
five
six
seven
eight
nine
ten
step five
mailerlite
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
one
two
three
four
five
six
seven
eight
nine
ten
step six
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 to everyone, 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 behind the scenes. 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 a couple of blog posts to WordPress first.
wordpress placeholder fields
step five
step four
functions
Resources
one
two
three
four
five
six
seven
eight
nine
ten
step seven
setup google analytics in showit
free keyword search tool
showit seo tools
new to wordpress?
wordpress plugin yoast for seo
Showit has very easy and effective SEO tools built in! I understand that after all of this customization, you may not want to dive into keywords and meta descriptions. 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 than just a simple link ;-)
step five
step four
seo
Resources
one
two
three
four
five
six
seven
eight
nine
ten
step eight
request a free website check
get the designer look
You are almost there! Click and test everrrrything! You can also ask a family member or friend to take a look with fresh eyes. 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
one
two
three
four
five
six
seven
eight
nine
ten
step nine
one
two
three
four
five
six
seven
eight
nine
ten
Ready? Set your home page as your home page, hit publish, and you are live!!!! You did it!! I am so happy for you. I'm 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 new website!
step ten
get in touch
Liefs, Dianta
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 however I can in your business journey. You are amazing.
Thank you so much. Have a beautiful day!
Ongoing support
one
two
three
four
five
six
seven
eight
nine
ten
downloads
Simple checklists to help you get organised and launch with ease and confidence!
content checklist
website checklist
free website check
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!
just for you
get website check
designer look
I can wave my magic wand and give your website the designer look you fell in love with. This is more than a free website check. I'll walk through your website and improve everything both aesthetically and functionally.
starting at €125
get designer look
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!
Support
showit help documents
SHOWIT TRAINING
SHOWIT CHAT & EMAIL
These are my favorite things, resources and tools.
Some link below 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!
unsplash
canva
tailwind
shopify
creative market
oysho
You have me as your personal designer on the sidelines! 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.
get in touch
dianta@theroar.nl
