How to Create the Perfect Pinterest Pin

How to Create the Perfect Pinterest Pin

Do you have pin-envy?

You know how effective Pinterest can be to promote your business but you don’t have time to wrestle with Canva to make your pins look great. 

You’d love to hand it over to a professional designer so you can get on with doing what you do best – growing your business – but you really don’t want the designer price tag. 

But without pins that attract clicks and drive traffic to your website, you could be missing out on potential clients. 

 Relax! We’ve got you covered!

Read on for 6 top tips for creating click-tastic pins that will get you noticed!

How to create your own pins on Pinterest 

Before we dig deep into designing your pin let’s take a look at the tools you need. The most popular packages used to create pins are Canva and Picmonkey.

I use Canva to create all the pins for my business and for my clients too. It’s a professional tool, easy to use, and it’s free!

In order to find out what works best for your business, you’ll need to create multiple pins for each title and use Google Analytics to identify which attract the most clicks.

Don’t feel overwhelmed! Use the 6 tips below to create a few designs and then save these as Pinterest pin templates. You can then easily modify them with different titles and images to create multiple pins.

What size should a Pinterest pin be?

 

Pinterest says 600px by 900px is the best pin size.

You’ll see pins that are much bigger than this because for a while Pinterest users realized their pins got more attention if they were larger. However, Pinterest has started cutting off larger pins so it’s best to use the recommended size or all your hard work could go to waste.

And remember, pins should always be vertical.

What are the best colors to use on Pinterest?

The most effective pins reflect the colors of your branding. By being consistent with the colors you use in Pinterest and in your business generally, you have more chance of standing out from the crowd.

 One way to choose a color palette for your brand is to brainstorm keywords about your business. Thinks about the emotions you want your brand to create in potential customers.

 For instance, you might use words like energy, positive, alive for a fitness brand, or calm, stylish, minimal for a lifestyle business.

Search for these terms + color palette on Pinterest and you’ll find a range of palettes to choose from. Remember, it’s important to choose colors you like as you’ll have to live with them every day!

 If you find this tricky (and don’t worry, you’re not alone!) don’t be afraid to ask a designer to help you. Getting the right colors for your brand is an important step to creating a professional design.

 When you copy your colors into Canva, make sure you have sufficient color contrast particularly between the title and the background. The more visible the text, the more likely it is to be noticed.

How to choose a Pinterest pin title that attracts clicks

A catchy title is essential to make people click on your pin. But how can you create a title that engages?

Remember, when people search Pinterest they are looking for ideas and/or solutions to their problems. They might need inspiration for their son’s birthday cake design, for example, or tips on how to use social media to promote their business.

 Your title is the quickest way of showing readers why they should click on your pin and read the information you have provided. Concentrate on the benefits they will receive from your post.

 For example, 10 Fabulous Lego Cakes your Birthday Boywill Love or How to Attract New Business with Instagram.

Try creating a few headlines and test them against one another to see which perform best. The free Headline Analyzer from Coschedule is an excellent place to start.

What are the best fonts for Pinterest?

It might sound obvious but the most important thing when choosing fonts for your Pinterest pins is to make sure people can read them. Remember, more than 80% of pinners are on mobile devices so your fonts need to be large enough and clear enough to read on a phone.

 Don’t be tempted to use too many fonts as this will make your pins look unstructured and unprofessional. Always bear in mind that too many type sizes and styles can wreck any layout, so use a maximum of 3 fonts for your pin.

Script fonts may be pretty but they are sometimes hard to read so if you’re unsure stick to standard fonts. 

As well as choosing a clear font and a good size, you also need to bear in mind the spacing between the lines.

In typography, we have a special term for the spacing between two lines of text –  leading or line height. 

By increasing the leading, you increase the vertical white space between lines of text, improve the readability, and get more screen real estate. As a rule, leading should be about 30% more than the character height.

Typography is a big deal. Making the right typography choices can give your website a feel of crispness and polish. Bad typography choices, on the other hand, are distracting. It’s essential to make typography readable, understandable, and legible.

10 golden rules you should live by when combining fonts: Tips from a designer

8 Typography Trends for 2018

How to choose Pinterest images that get you noticed 

The right image can be the difference between a pin that attracts clicks and one that doesn’t. Remember, Pinterest is a visual search engine and a great image is the best way to encourage people to stop scrolling and click through. 

It’s essential that your image is clear, bright, and relevant to your title.

Unless you’re an expert photographer, it’s always better to use professional stock images on Pinterest pins as these are more likely to be clearly focused and high resolution.

There are a number of free graphic resources available. You’ll find more details in my Free Graphic Resources Library.

For more choice and an even more professional look, consider using paid sites for graphic resources. My favorites are Style Stock society, Envato Elements, Creative Market, and Mighty Deals. (Please note, although these are affiliate links I only recommend sites I have used and love.)

Why you should create a Pinterest Pin template

 Once you’ve chosen your colors, fonts, title, and image add your logo and save your pin as a template.

Now every time you create a pin, you can use this template as a starting point. It’s much easier to add new images and titles to a template than start from scratch each time.

By creating fantastic templates you’ll not only save time, you’ll also create consistent images and people will start to recognize your brand.

If the idea of creating a design is overwhelming, you can buy professionally designed customizable templates.

Customizable templates are really easy to download to Canva. All the design elements are chosen for you, so all you have to do is add your title and branding.

The best thing about using these templates is you get a professional design without paying the designer price tag.

What makes a good pin on Pinterest? 

So, if you’ve been wrestling with Canva or Picmonkey and feeling frustrated that your pins don’t come out looking like you imagined them, I hope you find these tips useful. 

Remember, the first step is to create a pin of the optimal size, then add colors and fonts that reflect your brand. Choose an engaging title that tells your readers about the benefits they’ll get from your post and a fantastic image that attracts clicks. Finally, create a template so you can create more pins quickly and consistently. 

Alternatively, click through for more information about Pinterest Happy Templates,for professionally designed pins that are easy to download and use straight away! All the templates are customizable with your brand and colors, and reusable with tons of design variations.

Happy pinning!

How To Create A Website For Non-Techie Bloggers

How To Create A Website For Non-Techie Bloggers

THIS POST MAY CONTAIN AFFILIATE LINKS. PLEASE READ MY DISCLOSURE FOR MORE INFO.

Creating personal blogs or websites had been around since the modern era of the Internet. Some of us have started our personal portfolios years before and with the constant upgrades being born on the Internet, it is only natural that we are wanting to go with the trends to reel in more followers.

We will be talking about how to metamorphose your old, boring sites into a beautiful one outfitted to the current you. After all, our sites are our public showroom⏤our work and our brand.

Non-web designers would need to take online courses just to redesign their websites. While we can also hire web designers to do the job for us (especially if you have the financial resources to do so), doing all the work by yourself will give you a more personalized look and feel for your site. Add to the fact, that it is actually fun!

Join me on my journey to redesigning my website as well as teaching you the process step-by-step. I have chosen Divi as the main tool we will be using throughout the course.

To give you a sneak peek of my current blog https://theblogcreative.com/:

This course is for people out there looking to redesign their old blogs or websites. This can also be for the newbie bloggers.

I will be focusing on the WordPress Elegant Theme, Divi. More specifically with the modulesplugins, and templates. And as an illustration for this course, I will be using my own blog to show the step-by-step processes.

Tutorials for each Divi features will be shown along the way. The following features can be used for years on end, even with the constant updates of software and applications for web design.

Tools Needed:

Hosting: SiteGround

Divi Theme by Elegant Themes

What To Know Before Redesigning Your Website

Deciding on redesigning your old website can only mean that there is something lacking with it. But before you dive right into the process, assess first what is it that you want and don’t want.

Here’s a checklist:

  • Enumerate the features and content of your site that is still working for you
  • Enumerate the features and content of your site that no longer works for you
  • Enumerate the features and content of your site that you still want to keep
  • Enumerate the features and content of your site that you can now dispose
  • Enumerate the NEW features and content that you plan to add when you redesign your site

Ask yourself, “What do I want my new website to do for me?” and “What’s not on my site before that I want to be present after I redesigned my site?”

Does your old site serve a great portfolio of yourself and your works? Does it scream “Yup, this is me!”?

I want my newly redesigned site to…

✔ express my three characters: VisionaryCrafty, and Authentic

✔ to create an optin form for my website so that people can join my mailing list and subscribe to my newsletters

✔ give focus to the products and services that I sell such as my online courses, ebooks, and freelance services

✔ gain more social media followers through my new, optimized website that also allows a more efficient line of communication with said audience

Establishing The Foundation Of Your Website

I understand the feeling of excitement towards redoing and redesigning our website. But going into battle without proper plans and strategies ahead will not guarantee you success. It is crucial to make some prior ideas of how you would want your final output to look like.

As a bit of an old soul, I prefer writing down my ideas on paper rather than mobile application or what not. As long as you hold off on doing the website without any plans ahead, we’re good.

As mentioned earlier, we should start by making a site inventory first. To define, a site inventory is a list of all the content that will be included on your website. It doesn’t matter if this list turns out to be draft in the end, as long as you have some generalized ideas of what you want, you can start.

In a navigation chart, you put in all the content of your site inventory but organized according to the main pages and secondary pages where they will be located after you’ve set up your site. A navigation chart is important so that you can provide an easier navigation for your visitors.

For example, you will see on my homepage all the links to the other pages. This is my navigation chart.

I don’t have secondary pages under my main pages though. I might add some in the future when my visitors and content continue to develop.

For my site inventory, as an example, let’s look into my About page. Here you will see some content like a welcome greeting to my visitors and “Why I created this blog” sections.

To sum it up, the navigation chart comprises all the content you have written in your site inventory.

Creating a site inventory and navigation chart ensures that your website has a substantial foundation for you to work on. It doesn’t matter if you’re site inventory and navigation chart will not be followed thoroughly as you redesign your website. It might change as you go along. But never skip this step. You can never really start with a blank paper as it will only result in muddled up ideas.

When you’re done with the two, you can start thinking about the look of your new website.

The Visual and Vibes of Your Site

After the vital process of making a site inventory and navigation chart, we can now proceed to the most awaited part: designing the look of your site.

Remember in our earlier lessons, we discussed about thinking of what we want and do not want to be included on our new website before starting on the design itself.

For now, let’s start with the color scheme.

Usually, we pick colors that are our personal favorites. But for some who would like to go out of the ordinary, one method is to think about the adjectives that you would want to describe your website.

For example, you want to your site to give off a girly feel (like mine) because that is your personality, you can choose feminine colors like pinks and purples. For the design, you can add florals and other feminine accents.

I picked colors that I like: pastel pinks and blues. It might be a little too feminine for other people’s taste but I personally would like my site to be a reflection of me. Besides, I feel like pastel or light colors give out a soothing effect and is very refreshing to the eyes.

I want my visitors to know about me even through the tiniest details in my site such as my color preferences.

For my fonts, I picked out google fonts for most of the content. It’s important to choose fonts that are readable. Your blog posts, contact information, etc. do not need to be in overly dramatic font styles. Otherwise, your visitors will tire of reading your blog and you might even lose some subscribers. I would suggest that you use only 2 types of fonts.

The only unusual font on my site is the logo. The words ‘The Blog’ is written in a cursive manner. Our logo should be eye-catching BUT again, not too dramatic. Something that would draw enough attention to it is enough. It’s also important for it to be in a font size that is a little bigger than most of the content so that it is emphasized.

Looking for Potential Themes to Use

Themes are the backbones of every web layout. It gives an overall aesthetic appeal to your site that adds some sort of bonus dimension to your content. In fact, it is what first catches the attention of your visitors.

I will now teach you how to pick a theme and preview them without making permanent changes.

Go to your WordPress Dashboard.

Appearance then Themes.

I am currently using a Divi child theme (see: How To Make A Child Theme) so it’s easier for me to make modifications that are not permanent. I am still in the trial and error phase and I highly recommend the same if you want to experiment for now and if you are not a techy person. This will save you time on redoing the entire site if you ever change your mind later on.

To preview themes, go to Elegant Themes. Scroll down to “Browse Our Themes”.

Since this course will be focusing on Divi theme, we’ll pick that for this demonstration. Click “Learn More”.

Click the “TRY IT FOR FREE” button”.

 

And you will get a full preview of how the Divi 3.0 works. You can play around for awhile so you can test out its features. It’s a FREE demonstration. (the only problem I’ve encountered here is that I cannot upload my images so I need to purchase the annual fee first.)

 

To get access to ALL of Elegant Themes’ themes and plugins, you must subscribe to them.

 

Checklist and Recap of Important Points

To refresh our memory, here are the steps we must take into account when deciding to redesign our website:

  • Explore your old website one last time: Look for the things that you want to retain and what needs to go. What new features would you want to add to your new site? What are your goals for your new site that you didn’t get to achieve with the old one? These questions will be your starting point.
  • Search for websites which you can draw inspiration for your new site: If you are not contented with the free demo in Elegant Themes, you can research sites that use the same theme that you picked. If you haven’t picked a theme yet, do the same. Research for sites that you find appealing and list down which of its features would you want to have on your site.
  • Do your site inventory and navigation chart: Please, do not skip over this step. Starting your site without clear (or at least vague) plans will waste a lot of your time. If you can, create a timetable as well so you can tick off agendas for each day as you do the redesigning according to your site inventory and navigation chart.
  • Visualize the look of your new site: You can start imagining in your head how would you want your new site to look like. The visual aesthetics include the colors, fonts, photos you want to include. The most important point here is to have your site be a representation of who you are. Feel free to list these down as well so you can look at it later.
  • Create backups of your old website: For assurance, you might want to create backups. The tip here is saving your files in multiple places, online and offline, so you are sure that you will not lose data permanently. You might also want to install the latest version of WordPress and remove themes and plugins that are no longer needed. This lessens the clutter in your Dashboard.
  • Download the theme from Elegant Themes: You can’t directly apply a theme from Elegant Themes into WordPress. You would need to download it first and verify that it is located in the Themes folder in your remote server.
  • Use a child theme: This is optional but I highly recommend to do this if you are still unclear about your directions. And I guarantee that you will be making several changes again and again through the process. This is a wise decision so that you will not lose any changes and you can get them back if you want to take a step back from your progress.

 

Customizing Your Website

Putting Up Your Favicon and Logo

favicon is the little icon in the tab of your website when it is open in a browser.

And your logo is your main graphic that represents your site.

To upload your favicon and logo:

Go to our Dashboard. Then Divi → Theme Options.

Go under the General settings. Upload your image files for the favicon and logo.

Make some modifications according to your preferences (optional). Scroll down and click Save Changes (the Save Changes button is also located at the top).

*Don’t forget to click ‘Save Changes’ every time you made some edits.

Fixing the Main Menu

Your main menu is the navigator of your site that’s why it is important to keep it neatly organized and properly compact for easier access to the different pages and posts you have.

Go to Dashboard → Divi → Theme Options.

Go under Navigation → Pages.

Here, you can check and uncheck the pages you want and not want to show up on our site.

Click Save Changes when done.

For a live preview of your site as you adjust settings, you can go to Theme Customizer located under Divi, still on our Dashboard.

 

You will be redirected to a page that looks like this:

 

Click on Header & Navigation.

  • Header Format – how your header and menus will appear at the top
  • Primary Menu Bar – settings for your main menus
  • Secondary Menu Bar – settings for your sub-menus
  • Fixed Navigation Settings – layout adjustments such as fonts, colors, etc.
  • Header Elements – enable/disable social icons and search icon

You can adjust settings here whichever you desire.

 

 

Let’s now get started on our menus. To arrange the content for our main menus, go to Menus.

*Note: In menus, we can only arrange the pages we want to show up in each primary menu and which secondary menus are contained in a primary menu.

 

Click View All Locations.

 

Click Edit Menu.

 

You can add and remove pages, rename them, or rearrange them in any order.

 

If you want, you can add a child page under a parent page such as in my Creative Blog Shop under my Shop menu.

 

Also, make sure that you checked off your Primary Menu (found below the settings above, just scroll down) to make it active.

Setting Up Homepage or Any New Page

Your homepage is the front runner of your site once someone visits it. You would want to include the basic yet most beneficial content you can offer so that you can entice your visitor even just through your homepage.

Setting up your homepage is the same as setting up any page so I will teach you that.

 

To set up a new page, go to your Dashboard → Pages.

 

I already have all the pages that I want for now so I won’t be adding a new page. It’s easy enough. Just click the Add New button at the top (beside the word ‘Pages’).

 

When you click Add New, you will see something like this:

You can just input the title of your page and add some content. Hit Publish on the right panel to make your page active and viewable in your site.

Using the Divi Builder

Earlier, I taught you how to upload your logo and favicon plus setting a new page using the basic WordPress editor. We will not begin utilizing the functionalities of Divi. Remember that you can interchangingly use the WordPress editor with the Divi builder. You can just make two draft copies of the page you’re creating so you will not lose the old layout and content.

Divi Builder allows a drop-and-drag function for customizing your content. Just click the purple Divi Builder button to get started:

 

The Divi Builder looks like this:

 

To load pre-existing templates, hit the Load From Library button. (If your Divi Builder had an update and the Load From Library changed into Load Layouts. From there, you can just search up layout for various pages that you will be adding on your site.)

 

You can choose among their predefined layouts or you can load one from the library.

 

Let’s say we’re going to pick the ‘Coming Soon’ template. Click Load beside the template name of your choice.

 

The previously empty Divi Builder will now load with the pre-existing modules of your chosen template.

 

You can click on the three lines (Module Settings) on the upper left corner of any of the modules to make some customizations for your content to your new page.

Continuation in Making a New Page with Divi Builder

 

Going back, when setting up a new page, create a title for it first. Note that you would not really see the title of your page on your actual website.

 

Follow the same steps in the previous lesson, starting with clicking the purple Divi Builder button.

 

Load your chosen template, make edits, and when done, click Publish.

 

We want this page to be a static page and we want to make sure that it appears on our homepage.

Go to Theme Customizer under Divi on your Dashboard.

 

Click on Homepage Settings.

 

Select the new page you have created by its title or name from the drop-down menu. Also, make sure that you have the A static page option ticked off.

 

Click Publish at the top (or in some instances Save & Publish).

Fullwidth Slider

Every pre-existing templates come with different modules. I will be using a different template this time as the ‘Coming Soon’ template did not contain a fullwidth header module.

I am using the ‘About Me’ template for this demonstration.

Click on the three lines (Module Settings).

 

You can add new slides here.

 

Select a background for your fullwidth slider. It can be a background color, gradient, image or video.

 

My tip here is that you should NOT choose colors, gradients, images, or videos that are unpleasant to look at. These are materials that can be a little too bright (e.g. neon colors), images that are loaded with different elements, etc. Make sure that your background will complement well with the text color on top of it.

 

Click Save & Exit when done (if you feel like the setting you have made will be useful for other pages, you can choose Save & Add to Library so you can easily load the already adjusted settings instead of doing it all over again).

 

To show a sample of a “harmonious” background and text:

 

Light background with a dark text (or vice versa) is a perfect combination. It also helps that the background image that I have picked features a clean space in the middle with the elements on both sides.

General Settings and Social Media Links

For assurance, check your site’s settings from time to time. It contains basic information and settings of your site like site title, site URL, email used, etc.

In your Dashboard, go to Settings then General.

 

Consider checking your Permalinks as well (found under Settings).

Entering certain SEO keywords in your site’s URLs will help in gaining more traffic. Just be sure that you are using a URL that is not the Plain or Default one.

If you have social media pages for your site (some bloggers would link their personal social media profiles but some do not, like me), you may add their URLs so that they can check them out when it’s linked from your site.

To set up the URLs:

In your Dashboard, go to Divi → Theme Options.

Go under General.

 

Scroll down until you see the following:

Also, make sure that you have the social media icons toggled to Enabled. Click Save Changes when done.

Customizing the Visual Elements

And by visual elements, I am referring to the font styles, sizes, colors, background, etc.

Go to Divi then Theme Customizer.

I highly suggest you explore the options and settings in here. What’s cool is that you can see the changes LIVE on the screen beside it so you would be able to measure whether you like a setting or not. *The changes will not apply unless you hit the Save & Publish or Publish button at the top.

I will not be discussing this one in full view as they are pretty explanatory. I highly suggest exploring all of the settings. Besides, even if you make an error while playing around the Theme Customizer, none of the changes will apply unless you hit the Save & Publish button.

 

Continuing to Explore the Divi Builder

Blurbs

To make a blurb, go to your Divi Builder.

Click Insert Module(s).

 

Select Blurb.

 

You can add the title of your blurb, content, destination URL, icon, display image, and background.

Click Save & Add to Library or Save & Exit.

 

An example of blurbs on my site:

Portfolios

In your Divi Builder, click Fullwidth Portfolio.

Click on Module Settings.

You can edit the title, categories for your projects, number of posts that will display as well as the date, etc.

I currently don’t have any projects so I won’t be able to show you how it is done. But for you to be able to categorize them, of course, you would need projects.

 

You can create new projects or view existing projects (as well as categorized them) by going to:

Dashboard → Projects.

Image Module

This one is very similar to making a blurb.

Click Insert Module(s).

 

You can upload the image, link a URL to it, and edit the background.

 

For more options, you can go to the Design tab. In this tab, you can make some adjustments with the alignment, sizing, spacing, border, shadow, and animation.

 

Click Save & Add to Library or Save & Exit.

Testimonial Module

Testimonials are a great way to rake in customers and visitors in your site. If you are running your services through your site, you should put up former customer reviews of your services. That will convince your visitors (and potential customers) to avail of your services because you are credible and have good feedback.

 

Click Insert Module(s).

 

It’s better to use testimonials from people who have their own sites or social media profiles. In that way, they would be credible enough because they are real people. Using anonymous testimonials from anonymous people will not work much.

You can add the name of the author of the testimonial, job title of said author, company

 

…content or the actual testimonial text (which I recommend to be of average length so that your visitors will not actually tire of reading through it)…

…links to the author’s own site or his/her company’s site, specifically if he/she has her own profile on their site…

…and you can also enable or disable the show quote icon and edit the background.

Click Save & Add to Library or Save & Exit.

IMPORTANT:

Only post testimonials that are permitted by the author. Also ask for permission for using their photo, linking their profile and company’s profile.

Newsletter Sign Up Form

Having a newsletter signup form in multiple pages of your site will work wonders. It may seem annoying to some but that is exactly what we are aiming for. We would want them to retaliate with our advances. It’s good to entice your visitors to put in their email in the form and subscribe. And the only way is to have your form appear in as many pages as you can put it.

In your Divi Builder, look for the Email Optin section. Click the Module Settings.I also want to point out the reasoning for the lime green color for the modules below as opposed to the gray ones. Light green modules in the Divi builder indicates that these modules are saved in the library by you. I have taught you earlier that if you want a module or whatever content to appear in multiple pages in your site (and you don’t want to repeat the steps for each page), you just have to click Save & Add to Library.

And having your optin form appear on multiple pages is paramount.

 

You just need to enter the details being asked. You can leave out some if you don’t want to have a title for your optin form just as I don’t have one with mine. You can also edit the success message after a visitor has hit the sign up button.

In the Email Account section, select your service provider from the drop-down menu and then select your mailing list. (This may be different for you as I already have my mailing list and the optin form initially setup prior to this course. If you are doing all of this for the first time, you will be shown options to subscribe to newsletter, background colors, text colors, etc.)

Click Save & Add to Library or Save & Exit.

I forgot to mention this earlier, but the eye icon in the Divi builder is a button for you to preview the modules, headers, etc. that you are building. It gives you previews for desktop computers, tablets, and phones.

Desktop computer preview for optin form:

Tablet preview for optin form:

And the preview of optin form in phones:

Some bloggers offer free gifts to encourage visitors to sign up for their newsletter. It is an effective way to convince them. But if you’re just starting out, you can offer free gifts later on when you’ve built up the content of your site.

Last tip for creating a newsletter optin form is testing it out. If you have a spare email, try entering it into your newly built optin form. After subscribing, check your email and see if you have received any notifications regarding your subscription. Confirm your subscription and see if it sends a success email.

 

 

About Pages and Number Counters

Creating an About Me or About Us page is also easy using the Divi Builder.

The About page is a crucial factor to reach out to your visitors. Giving a brief background of yourself of your company, what you do, and what are your achievements will persuade your customers to subscribe to your site and purchase your services. People are most likely to choose bloggers who have extensive portfolio and good history.

Dashboard → Pages → Add New.

Click on the Use Divi Builder button.

There exist pre-existing layouts for ‘About Me’ and ‘About Us’ pages.

Load either of the two.

You can just go ahead and edit the content in here. We have discussed them in the earlier chapters. We will now focus on the Bar Counters.

Bar counters are for numerical data that you want to present in your in site. For example, you want to show the number of products you have sold since you opened your site or the number of customers you have catered to.

Click on the Module Settings for the Bar Counters.

You can add in various bar counters such as:

If you want the data to appear in percentages, you can enable this:

Here is a preview (in desktop form) of our bar counters:

Contact Page

A contact form allows your visitors or clients to communicate with you through your site. The Divi builder has pre-existing modules for contact form.

Here is my contact form on my site:

Your contact form should be located on your Contacts page. We already know how to create new pages and there is also a pre-existing Contacts page layout. You can just load it.

The fields are the empty spaces which your visitors would have to fill out with their name, email, and their message. You can add in other fields but these three are the most common ones.

You can put the title for the contact form, a success message after your visitors input their details, etc.

Here is where you enter your email where their messages will be sent:

Enabling captcha and the option of redirecting the visitor after filling out the contact form.

Click Save & Add to Library or Save & Exit.

I don’t have social media accounts or pages linked to my site but to create social media module:

Click Insert Module(s).

Select Social Media Follow.

You can add in the social networks you have, an option on where the URL opens when clicked and displaying the follow button.

Sidebars and Widgets

Here is my sidebar on my site. My sidebar only appears on blog posts and not on all pages.

The ‘Subscribe to Our Newsletter’ optin form is from Bloom plugin. The only other stuff that I have on my sidebar are ads-like images that redirect you to my suggested resources for web design.

But to customize your sidebar, in your WordPress Dashboard, go to Appearance then Widgets.

You can just drag your available widgets and drop them on the Sidebar section.

 

Plugins and Footer

Bloom Optin Plugin

Bloom plugin has tons of optin forms for your sidebar, footer, or even pop-up forms. You can install the bloom plugin through your Dashboard though I would recommend you to download it from Elegant Themes. Make sure that the plugin folder is contained in the WP content on your server. Just like how we have downloaded the Divi theme earlier.

To preview your active and inactive plugins, go to Plugins in your Dashboard.

Since I have the Bloom plugin installed and active, it appears on my Dashboard. Click on Optin Forms.

It will show you your active optins and their corresponding details. You can edit, delete, duplicate, do some a/b testing with your optins through the icons on the sides. You can also create new optins with the New Optin button.

When creating a new optin, it gives you the option to choose what type of optin form you will be creating.

After selecting your preferred optin type, go ahead and fill in details, edit the design with a pre-existing template which you can customize, adjust display settings etc.

Click Save & Exit when done.

You can also check out the stats of your optins in the optin stats tab.

Creating optins also requires you to link an email account and mailing list/s.

Monarch Social Media Share Plugin

I have social media icons (courtesy of Monarch) on the left side of my site and it appears on almost all pages and posts. You can share my site or a specific post on your social media account when you clicked on them.

Since Monarch is also a plugin from Elegant Themes, you need to download it and make sure that it is installed on the remote server.

In your WordPress Dashboard, go to Tools then Monarch Settings.

You can manage where you want your social media share icons to appear, which social media networks you want to link, icon styles and shapes. *Don’t forget to save changes as you go along.

Display settings:

Footer

This whole dark gray area at the bottom of my site is my footer.

You always have a default footer at the start so I will show you how to customize it using the Theme Customizer.

In your WordPress Dashboard, go to Divi then Theme Customizer.

Go to Footer.

For my footer credits, go to Bottom Bar.

Scroll down Edit Footer Credits and enter text.

For the social media icons (even though they are not linked to any of my social networks) on the lower right corner:

Go to Footer Elements.

Check off the box.

Click Save & Publish or Publish.

 

Visual Builder

Divi 3.0 gives you the latest and most convenient way of customizing your website through its brand new feature⏤the Visual Builder.

With the visual builder, you can directly edit your site and see it live. Of course, your changes will apply only after you hit the Save button on the bottom right corner.

To enable the visual builder, you have to be logged in your WordPress account. Look for Enable Visual Builder button at the top and click.

You can now make edits directly to your pages or posts.

Don’t forget to save your changes!

Okay! So that’s it. I have shown you how to create the most basic elements of your site to get you started. Don’t fret that your site is still on the bare minimum with regards to the content. You can expand as time goes on and as you gain more and more visitors and subscribers.

You can also check out a related blog post for this, Create A Blog in 7 Days.

Happy blogging! ♥

 

 

How to make a child theme

How to make a child theme

If you bought a theme and wanted to make changes of it, you need to create a child theme to keep your changes safe when the theme gets updated.

To create a child theme, open the wordpress directory and navigate wp-content->themes. Create a folder for your child theme. You can name it to whatever you like. In our example since we will be making a child for Divi theme, we will call it Divi-Child.

Open the child theme folder and create two files, style.css and functions.php. These are the 2 required files for a child theme.

Next, lets add another files. Lets name them custom-css.css and custom-js.js. These will be the files where we can add our custom css and javascript.

Now that we are done creating the child theme files, its time to do some coding. In this example i will be using Visual Studio Code as my preferred code editor. Now lets edit the style.css.

The theme name will be the name of the child theme. You can put whatever you like. The theme URI can be anything. Description can also be anything you like. Author will be your name or anything you want to appear as the theme author. Author URI can be anything. Template will be the Parent theme folder name. In this example since Divi is our parent theme, I put Divi as parent. Tags and version can be anything you like.

Lastly, open the functions.php and copy the function below.

Some theme does not require wp_deregister_style( ‘divi-style’ ). We only do this in Divi so we make sure we are printing the correct stylesheet of Divi.

That’s it. Go ahead and upload the child theme into the themes directory of your site and you will see a new theme when you navigate Appearance->Themes of your site.

PS: You can also put a thumbnail of your theme, make an image and call it screenshot.jpg. Place it in the child theme folder.

How to Open an Online Shop with WordPress

How to Open an Online Shop with WordPress

Changing Economy Faced with pay cuts and layoffs, more and more people have actually turned out to be more empowered to start as independent self-employed professionals, service providers, and traders. A salaried position with a huge enterprise is no more a safe and secure alternative as it used to be.
Shift from Employment to Self-Employment A change in outlook in attitudes towards work and life can be observed, maybe the greatest to happen since the industrial revolution. Presently it’s simpler than ever before to make a career for yourself and abstain from depending on an employer for your scheduled monthly paychecks. An increasing number of individuals are forsaking the workplace and conventional 9-to-5 way of life and moving towards flexible working from home, entrepreneurship, and freelancing. The barriers to entry are negligible, and anyone can get started with an online shop nowadays. With a WordPress site, one can open themselves to financial opportunities well inside reach. How To Start An Online Shop Starting your own shop is a fantastic and phenomenal idea. Working for yourself can be testing and rewarding since you can literally watch your hard work have a direct impact on your revenue. Before you can start building an online store and begin adding items, you first require a website. WordPress is perhaps the best site, to begin with. Not only is WordPress sufficiently capable of dealing with a completely functioning web store, but it’s also simple and an affordable choice that can be customized to suit any of your web-based e-commerce needs. To make your venture a successful one, one needs to start with the creation of an online store. Following are a few helpful tips for creating and promoting your own website: Online Store Solution WooCommerce is a standout amongst the most prominent solutions for building an online store. Unlike other online store solutions like BigCommerce or Shopify, WooCommerce doesn’t come with any additional costs or a recurring fee such as the transaction charges each time a customer purchases from you. Likewise, getting WooCommerce to work is a great deal more straightforward than incorporating complex web-based shopping cart programming with your web page.  In fact, you can include and configure WooCommerce on your site independently — without any coding abilities or the requirement to hire a software developer.     Buy a domain name and hosting If you have already picked a hosting website and a domain name and have installed WordPress, proceed to the step of choosing a theme for your web page. If not, then you can opt for Bluehost’s managed WordPress hosting and purchase a domain name from Namecheap. Opting for a managed WordPress hosting implies that the hosting provider will deal with your site’s support, updates, maintenance, and security. By picking a dependable and trustworthy web host like Bluehost, you can disregard these hassles and concentrate exclusively on the business side of your store. SiteGround accompanies a WordPress+WooCommerce hosting as well, but it would not be recommended to take the plunge now since it will be a little on the steeper side for your pocket at $12.95/month, in comparison to the simple hosting, which costs just $3.95/mo. Once a domain name and hosting is picked, you have to:
  • Install the WooCommerce plugin and configure the settings
  • Choose a lovely online store theme
  • Add a pack of free or premium WooCommerce addons
Choose A Store Design Now that you have your core WordPress installation and domain already and prepared, you can experiment with the aesthetics of your website. An excellent part of WordPress is the huge assortment of website design choices accessible through the use of themes. There are a huge number of free themes accessible on WordPress.org with some of them offering e-commerce support, however for more alternatives and more control over the look of your site we suggest picking a premium theme. Not only do premium themes incorporate more design alternatives but most also come with premium help and support and updates from the creator. Add SSL For A Secure Shopping Experience Since you are creating an online store, it is critical to buy an SSL certificate. A “secure sockets layer” certificate is the thing that your website uses to set up a safe connection between your server and the client’s browser which is reflected in your URL as “https://” (and regularly will show a green lock symbol as well). Fortunately, SSL is genuinely simple to set up with either Bluehost or WPEngine as the two hosts offer it as a premium add-on while you check out when signing up for hosting. Add Products Adding products to WooCommerce is as similar as creating posts, and you can easily add your products along with their title and short descriptions. Once a product content is created you can start with listing the price; it’s SKU, stock status and even more. Further, you can specify a product’s dimensions, weight, etc. using the shipping section and specify a shipping class for it to be able to calculate shipping rates and establish shipping methods. You can also link products which will be suggested to customers browsing a related item and so on. Finally, you can choose the various ways in which your customers can pay you, like Paypal, Bank Transfer, Cash On Delivery payment methods.
How to Create Your Own Social Media Graphics Even if you’re Not a Graphic Artist

How to Create Your Own Social Media Graphics Even if you’re Not a Graphic Artist

How to Create Your Own Social Media Graphics Even if you’re not a graphic artist

Do you want to advertise your business using social media platforms?

In any case, you need to learn a lot about social media platform you are using. You might be using Facebook, Instagram, Twitter or other similar social media platform. However, making yourself or your page popular on these platforms is not as easy as it sounds. It requires a lot of skills and patience if you want to achieve your goal. Being an experienced website designer, I have noticed one single thing common in all the successful social media celebrities. All of them have awesome looking graphics on their respective pages. Most of people who scroll through their social media feed, prefers to view photos to reading long articles. That is why it is necessary for you to have good graphics for your social media page or profile.

Why should you not waste your time learning difficult graphic designing softwares?

Many people assume that they can master graphic designing easily. Nevertheless, their assumptions clear out when they look up the traditional graphic designing softwares (like Adobe Photoshop and GIMP). These softwares are extremely difficult to learn. If you want to learn it then there are official tutorials available on their respective websites. However, mastering all of these softwares requires years of practice. Many people buy courses for learning these softwares faster however, they eventually realize that they just wasted their money. Because most of the courses that are available online are not that helpful and they also ask you practice a lot yourself.

For who is this article?

If you are a businessperson or a normal person who wants to become popular on social media platforms then this article suits you the best. Moreover, if you want to advertise your business online and get new leads (and customers) but do not have the luxury of time then you are at the right place. In other words, if you are a busy person and cannot take out time out of your busy schedule to learn difficult graphic designing softwares, then this article is totally for you. Sometimes, it is better to choose the easy way than the hard way. In this article, I will tell you how you can make professional-looking social media graphics without using typical graphic designing softwares or services.

The best graphic design softwares that have a short learning curve

Canva: Canva is the one website that I personally use for most of my graphic designing. It is absolutely fun to use and it has all the features that I need for making jaw-dropping graphics. There are many advantages of using Canva; I have listed them down below:

  • It is free: Using Canva is free and you can use this service without paying a penny. It will give you most of the features for free. However, some of the features of Canva are paid. I use the paid version of Canva as it gives some cool features, which are not available in the free version.
  • It is very easy to operate: Learning Canva literally doesn’t require much time and you can get used to it in just a matter of minutes. To be honest, you do not need to learn it, as most of the features are quite obvious to use. I would strongly recommend Canva if you want to make dozens of social media graphics easily.
  • It doesn’t require installation: It is a web service and thus it does not require installation. That means you can use Canva on different devices without worrying about installation.

PicMonkey: PicMonkey is one of the best tools for easy graphic designing. It has many benefits of its own. It will provide you with all the basic photo editing tools that you will need for making good social media graphics. PicMonkey has more free features if we compare it to Canva.  Moreover, it also has a Chrome Browser extension, which lets you save the images you stumble up the internet. PicMonkey would be perfect for you if you want an easy and superfast graphic designing web service.

Fotor: Fotor is a new graphic designing web service. Even though it is quite new, it has many awesome features that you will simply love using. It uses HTML5 that is an awesome feature. You can make beautiful collages, design a magnificent header image for your social media profile/page or edit photos to make them perfect. All of this is possible in Fotor without paying a penny. Fotor is the best graphic designing item for those who want an easy-to-use yet powerful software for themselves.

Adobe Spark: Adobe finally took a practical approach towards visual content. Adobe Spark is a very smooth application that is mainly used for making awesome social media graphics. It is also available on mobile platforms so you can promote your social media content on the go. Just capture a picture on your phone and edit it using Adobe Spark. It might not have as many features as Canva and PicMonkey have, but it has more power and flexibility.

An expert advice: Do not think that by not learning the difficult softwares you are missing on something. I can tell you one thing that learning difficult softwares like Adobe Photoshop would be a total waste of time if you don’t want to become a graphic designer. All the tools that you will need for making cool social media graphics are available in these softwares/websites.

Pin It on Pinterest