Sarah Gardener Is Our Graphic Designer | Making Brands Look Great | Full Stacks

How to Plan & Execute a Successful Social Media Contest

Sarah Gardener — Fri, 20 Dec 2019 00:00:00 +0000

Running a social media contest can be a great way to keep your followers engaged with your brand. Who doesn’t love winning free stuff?!

But it’s not as easy as just posting “who wants to win…”. Successful social media contests require planning and execution.

Here’s a checklist to bookmark before you launch your next social media contest.

Outline Your Goals

Having a prize to give away isn’t enough of a reason to have a contest. Ensure you get the most out of your online contest by answering the question, “what do you hope to accomplish?”

Are you looking to raise awareness of your brand, increase the number of followers to your page, get newsletter subscriptions, or gain exposure for certain products?

Knowing what your goals are will help guide the process (and will help determine if the contest was successful when all is said and done).

Set up the Contest

Once the goals have been outlined, it’s time to set up the contest. This is the most time consuming step, but taking the time to set up the contest properly will help avoid problems down the road. Here are a few things to think about:

Choose Your Platform

Determine whether the contest will run on Facebook, Twitter, Instagram, etc. Choose one platform and stick to it, while using your other social networks to cross-promote the contest. Hosting your contest on one platform helps avoid confusion and eliminates having to tailor the contest to fit the different rules on each platform. It also makes it easier to select a winner and analyze the results.

Using a third party app can help you execute a contest, and many have free trial plans or versions that are free up to a certain amount of entries. Popular options include Woobox, Wishpond, Shortstack, and Rafflecopter.

Decide the Type of Contest You Want to Have

How will contestants enter the contest? Do they have to like your page, share a photo, tag some friends, use a #hashtag? There are many different types of contests (most popular include Sweepstakes, Photo/Video Creation, Share, Like, Vote), and each one comes with its own pros and cons. For example — a sweepstakes contest, one that asks users to provide their name and email to enter, is the easiest for users to enter but has a low engagement rate. A photo or video contest has the most potential to go viral but requires a lot of effort from contestants.

The easier your contest it is to enter, the more likely it is that people will enter! Making the contest too complicated (ie. too many steps, having a long form to fill out, etc.) will deter people from entering.

When collecting contestant information, only collect information you really need. Asking for more fields than necessary leads to lower participation. When asking for email addresses be sure to include CASL information.

Know the Rules

Every social media platform has their own rules for running a contest. Make sure you know the rules. You don’t want to get banned from the site you are trying to use!

Quick Links

Determine the Prize

What will the winners receive? The contests that work best have a prize that is directly related to your company. You want to market your brand and attract people who are genuinely interested in what your business has to offer, not “contest hunters” who only want to win something.

Prize Ideas

Use your own products
Gift card/voucher
A unique experience that can’t be purchased (a great example of this is Dove’s “Real Beauty Should Be Shared” contest, where the winners became the next faces of Dove)

Ensure that your prize is worth the effort it takes to win! If it takes a long time to enter the contest and the prize is small, like a water bottle, don’t expect a lot of entries.

Contest Length

Don’t miss out on contest entries by running your contest for too short of a time. On the flip side, don’t have people lose interest by running your contest too long. Keep in mind what contestants will have to do to enter the contest. If more effort is required, you want to ensure that people have enough time to enter. Also keep in mind if your prize needs to be used by a certain day (such as event tickets), you want to make sure your winner has enough time to pick up the prize and use it.

Clarify Any Rules

Make your contest very clear and easy to understand. Include dates for entry, the steps contestants need to take, and outline how the winner will be chosen and contacted. Be sure to specify any other conditions or “fine print”. Give your followers the total picture up-front.

Create Graphics for Your Contest

Add an eye-catching graphic to support your contest! This could include changing your cover or profile photo, landing page imagery, or creative for promoted posts. Ensure your design team has the specific dimensions for each image. For Facebook contests, it’s important to remember Facebook’s 20% rule when creating graphics.

Here’s a tool that you can use to test your image to see if it will pass Facebook’s 20% rule.

Promote, Promote, Promote

Just because you build it doesn’t necessarily mean they will come. Make sure your followers know all about the contest. Use all the free resources you have: cross-promote the contest on all your social media channels and on your website. If you have a newsletter or a store-front, include the contest information there. Paid options for promoting could include Facebook ads or promoted posts, Twitter’s promoted tweets, or ad opportunities on Instagram.

Ask your followers to share the contest with their social network. You can reward them with extra entries if they share or encourage friends to enter. Using a third party app can make executing and tracking these extra entries easy. Contestants are given a link to share with friends after they submit their entry. Without this platform, users with private profiles may not receive credit when they share the contest.

Monitor

Once the contest is up and running, check regularly to make sure everything is going according to plan. Conduct daily test entries and answer any posts or messages your followers may have about the contest.

Announce the Winners

Once the winner has been selected, publicize it! Seeing is believing, and showing off your winner proves the prize was won and the contest was real. Profile the winner on your social media channels, on your website, or in your newsletter.

Review

Your contest is over, the winner has been selected… but was it worth it? Did you accomplish the goals you outlined before launching the contest? Review what worked and what you want to do different next time. How can you make your next contest even better? Depending on the tools you use, metrics that can be reviewed include entry and share rate, new followers gained, social media referral traffic to your website, and click-through rate on links.

Those are our tips for running a social media contest! What are yours? Do you have any contest success stories (or failures) you’d like to share? Please share below in the comments!

The post How to Plan & Execute a Successful Social Media Contest appeared first on Full Stacks.

How to Add an SVG Logo to Your Squarespace Website

Sarah Gardener — Thu, 19 Dec 2019 00:00:00 +0000

SVG files look sharp at all screen resolutions, have super small file sizes, and can be edited and modified using code. These files are commonly used for website logos to keep the image crisp no matter what device or browser a person is viewing your website on.

What an SVG is & Why You Should be Using it

Scalable Vector Graphics (SVG) are web-friendly vector images. Files in this format use an XML-based text format to describe how the image should appear. Because text is used to describe the graphic, a SVG file can be scaled to different sizes without losing quality, unlike a PNG or JPG file.

With PNG or JPG files you are restricted to pixels. You would use a PNG file when you require transparency in your images. Transparency in an image requires a large file size. The larger the file size, the slower the graphic is to load. When working with JPG files, you have the choice of quality or compression. More compression gives you a smaller file size, but you lose image quality. SVGs files are just code, which means they can have a smaller file size and a quicker load time.

Currently Squarespace only offers the option to add a .png or .jpg logo file. But there is a workaround! Squarespace doesn’t make it easy, but it is possible. Here’s how you can add an SVG logo to the Logo/Title section of your Squarespace site.

How to Add an SVG Logo to Logo/Title Section of Your Squarespace Website

These instructions may vary depending on the template your website is using. For this example we used the Brine template.

1. Add a Transparent PNG File

Hover over the page title you want to add the SVG to and click edit. Add a transparent PNG that is the same size as your .png or .jpg logo file.

2. Upload SVG*

Upload the SVG file using the link editor.

On any page, select “edit” and add text to the page. You can remove this text later
Highlight the text and select the link icon from the toolbar
Click the gear icon in the URL box
From the pop-up window, select the “File” tab
Click Upload File to select the SVG file from your computer. You can also drag and drop the file into the Upload File area
Once the file has uploaded click Save
In the link editor copy the URL to the SVG. It will look like this /s/file-name.svg**
Click apply

*Looking to turn a JPG or PNG image to an SVG file? Try Adobe Express.

**In some cases you may need to add the full image URL. It will be much longer and look like this:

https://static1.squarespace.com/static/602d8c67675bb40d4f-1b1fcb/t/602e9574f59fb32c9e67195c/1613665652987/file-name.svg

You can find this URL by clicking on the link created above and copying/pasting the full URL from the browser window.

Now that the SVG file has been uploaded and the URL has been created the linked text can be removed.

3. Add Custom CSS

Back to the Home Menu, select Design, and then Custom CSS.

Insert the following code:

.Header-branding-logo { background-repeat: no-repeat; background-image: url(PASTE IMAGE URL HERE); }

Note: If you have the logo set to display in the top centre of the screen you may notice the logo appears slightly off-centre. To fix this you can add this line to the code above:

background-position:center;

The class or ID you are using as a selector will vary based on the template you are using. For this example we used the Brine template and the class is Header-branding-logo. You can find the name of your logo’s class or ID by right-clicking on the logo in your template and selecting Inspect Element.

4. Adjust Size

The SVG file may upload at smaller size. You can adjust the width by going back to the Home Menu, select Design, and then Site Styles. Under Header: Branding there is a slider to increase the logo’s width.

5. Add Mobile Logo

On most templates Squarespace uses a different class or ID to display the logo on mobile. What’s frustrating about this is that Squarespace does not give you the option to upload a mobile logo anywhere on the site so there is no real way of knowing this… until you open your website on mobile and realize your SVG logo is not there.

If you are using a different logo for mobile you’ll need to repeat Step 2 to upload this new logo. If you are using the same logo simply add the mobile class or ID to the Custom CSS you created in Step 3. For the Brine template the mobile class is .Mobile-bar-branding-logo.

.Mobile-bar-branding-logo { background-repeat: no-repeat; background-image: url(PASTE IMAGE URL HERE); }

Now your SVG logo will appear in the header of your website! You can rest easy knowing that your logo will look great on any device.

The post How to Add an SVG Logo to Your Squarespace Website appeared first on Full Stacks.