The Weebly Blog

3 Landing Page Templates for Your Website

Whether it's through social media, email marketing, or even offline word of mouth, just getting visitors to your website isn't enough. Showing your visitors what to do once they arrive is crucial. That's where landing pages come in.Think of landing pages as road signs. A good landing page directs your visitors to take a specific action in order to produce a specific result. (Turn right to get on the highway; click here to sign up for our newsletter.)A good landing page helps you better serve your visitors, and helps them complete positive actions on your site, like buying a product or joining your email list.So how do you create a good landing page?It all starts with a landing page template. A strong template gives you an easy way to start creating a landing page that's unique to your website. Here are three landing page templates to help you find your way.Landing Page Template 1: Standard Page Whether you're running a consultancy, art studio, eCommerce site, or personal portfolio, your landing page should make it easy for visitors to understand who you are and what you do. The more they know, the more likely it is that they'll want to interact with you. This standard landing page introduces a small consulting business. Notice that everything you need to know about the business is condensed into a single paragraph. Write the intro for your landing page as if you have five seconds to get your reader to take an action – in this case, the content directs visitors to send an email for consulting assistance.​Do It Yourself: To build your own version of this landing page, add a new Standard Page to your site and set the header type to Landing, then you can begin to edit the template content. Change the header to find the perfect hero image. Then, simply add a headline, text, button and image elements right below the header. Pay close attention to the call to action button, make sure the text is aligned with the rest of the content to really drive engagement. Feel free to add more visuals like a media gallery or social feed in the body whitespace above the footer to round out your landing page.  ​Landing Page Template 2: Blog Spotlight A blog is a great way to establish your personal brand and unique voice. Showcasing your voice can help you stand out in a world crowded with competing sites. Use a landing page format to introduce your blog and increase engagement through newsletter or RSS feed sign ups. You will build an audience of interested readers who will keep coming back for more. Do It Yourself: To make this blog landing page template you'll need to create a Blog page with a Landing header. Use a theme like Impact for extra room to customize landing page elements before the blog begins. Try putting a "click here" button to invite sign ups for your reader lists and make sure to add an interesting author sidebar section as a secondary value proposition that will work in tandem with your lead landing page content. Landing Page Template 3: Storefront A landing page template for your storefront can increase conversion rates and drive more sales from your online store.A clever headline and lead-in paragraph make the pitch for your products along with a high-quality image. Use a strong call to action on the lead button. You don't want visitors to this landing page to "learn more" you want them ready to "buy now" with a link to your product. This landing page template uses the "buy now" button and links below each product to drive visitors to individual product pages. Do It Yourself: Create a store page with the Landing header type. Then add text and image elements above the product section. Next, customize your storefront with products (and strong product photos) to round out the storefront landing page. A Little Work Goes Along WayEven though these pages are easy to build with just a few simple elements and layouts, they provide lots of value by tailoring your message to visitors entering your site for the first time. Once you create the initial versions, take a look at performance numbers like page traffic or store orders to understand how your landing pages perform. Share your own landing page templates with us along with any tips you have for creating great landing page experiences.  

6 Ways to Get More Sales on Your Website

One of the biggest potential growth areas for your business – large or small – is in eCommerce. Did you know that the design and tools you use on your site can impact the bottom line? Not sure where to start? Don't worry. You'll be an eCommerce pro in no time with these five tips to help you drive more sales.1. Drive Business with Coupon CodesFrom free shipping to a percentage off the total sale to a fixed discount, a coupon code can help people come to your website for the first time, or return as a repeat customer. Coupon codes entice more visitors and can lead to more clicks and purchases. Maximize the potential of the Business plan to create the perfect coupon code. You can send unique or limited quantity codes to specific customers or create a general use code, such as The Pretzel Princess, which often posts a coupon code for users right on its homepage.​Pro tip: For unique codes, you'll want to use a combination of letters and numbers that's easy to type but not too easy to randomly guess. Log into your store dashboard to set the parameters for your next coupon promotion. 2. Promote Products on Social Media, PPC and EmailUse social media, pay-per-click advertising and email marketing to create a buzz about your website and draw in shoppers. Show off your best product shots on channels such as Facebook, Twitter, Instagram or Pinterest. Use the same text and imagery in pay-per-click advertising and email campaigns so that you have more chances to interact with and engage shoppers. Note how Michi Leung's Cattitude shop includes social share icons for each product. Can't buy it now? Drop a hint.Pro tip: Combine campaigns with a coupon code and you have the start of a powerful strategy. Getting started with a campaign couldn't be easier thanks to all the great apps and tool integrations available in the App Center.3. Monitor Website Stats to Reach CustomersDo you know who your customers are? Do they know you?Log into your Dashboard to keep an eye on potential shoppers in one place – weekly visitors, page views, form submissions, blog comments and store orders. Take that a step further with custom forms to stay in touch with visitors; each time a customer fills out a form – such as signing up for an email newsletter – you can get in touch right away.Pro tip: Collect recent form submissions weekly and make contact with customers. Offer a unique coupon code or highlight a featured item.4. Showcase Your Product LineShoppers want to see and experience products before buying. Showcase everything your shop has to offer with strong images and product descriptions. (You might even think about refreshing your design theme to better showcase new and existing products.) Start with a great theme. It'll make a new design or visual refresh easy and can give your shop just the makeover it needs. A design update is especially appropriate for introducing new products or giving new life to popular items. Savages Biker Apparel uses a clean design and striking images to highlight each item below a branded hero image.Pro tip: Use a theme with plenty of room for big visuals and space between elements. Try Unite or Haberdasher from the theme gallery.5. Feature Product Videos and TestimonialsShoppers love to know exactly what they are getting. Use videos and customer testimonials to show shoppers why they should buy from you.The nice thing about either of these strategies is that they help to create a personal connection between your website and the user. Video and social media integration are popular and highly engaging tools that can help you tell that story – and sell more items. Pro tip: Use high definition video to have customers talk about and show your products, and keep clips to less than 30 seconds.6. Keep Tight with BrandingKeeping your brand top-of-mind is critical. It starts with a logo that should appear on all pages of your website and throughout all communications so that every customer knows who you are. This includes using the same URL, logo, colors and product images everywhere you plan to advertise. Buy a branded website domain, such as Ecosox.com. Then make sure every element of the website and other marketing campaigns use that same logo and branding, including your email address and social media campaigns. (Ecosox has the same logo with the same placement on every page of the website.)Pro tip: An integrated shopping cart with checkout on your domain, which is available on the Business plan, helps customers feel good about their purchases with a professional look through the final steps. (And with a branded checkout, you don't have to worry about users abandoning their carts because they are worried they have stumbled onto another site.)​How have you used Weebly to boost your online sales? Share your tips with us in the comments!

How to Create a Custom 404 Page

Sometimes pages go missing. It may not be the stuff of mystery novels, but it's a fact of life for any website. You change your site, remove a page, an old link turns up dead, or a user mistypes a URL. The end result, a potential new visitor gets left staring at what's called a “404" page. It's Internet lingo for lost.Lots of websites like to spice things up with a custom 404 page, turning a mistake into a powerful moment of viral entertainment. Make an engaging 404 and you may even get featured on a website like this one. A website is at its best, though, when visitor needs overlap perfectly with your site goals — when everyone gets what they want. A custom 404 page is no exception.​Here are a few guidelines before we get into the how-to: Own the mistake. Have fun with your 404 page if you want (and if it makes sense for your brand), just remember that it's a means to an end. Never blame the visitor for the mistake, find a way to show them it's an error page without being negative. Guide them to other content. Show your website visitors how to find the stuff they probably wanted in the first place. Likely, it's information you want them to discover anyway, like your blog or online store.Provide a way to get in touch. This way, visitors can report the issue if they want, but more importantly, they'll have a way to communicate with you directly. Even better, a personal response to a message like this builds trust. It shows you care enough to offer personal attention (and it's an easy way to build your contact list).Creating a custom 404 page in Weebly is a lot like building any other page.​ 1. Create a new “Standard" page. Hit the Pages tab, then the + button, and choose “Standard. 2. Name it “404." A page named “404" is automatically used as the 404 page. As long as you name it 404, we'll take care of the rest. Make sure you check the "Hide in Navigation" box too. You don't need a custom 404 page in your site navigation. ​3. Add content. For this one, keep it simple. You want the links to other pages to be front and center. Don't inundate visitors with too much information — just get them back on track. You can customize the banner and other images if you'd like, but really, you could get away with just a simple list of links to other pages. If you sell products on your site, consider adding links to the most popular items. Besides helping users get oriented, you can help them discover things on your site that they didn't even know they wanted. When you create the new page, just click the “Choose Layout" button at the bottom of the screen to pick from a number of options.​4. Use custom buttons. You can promote engagement by using buttons instead of basic text links. Customizing these button labels can give users more confidence about what they'll see after they click. To do this, select the button with the label you want to change, choose “Button Text," then type in the new label. And you're done!​Taking these few quick steps turns a mistake into an opportunity. Instead of leaving visitors stuck, you get to guide them directly to the best parts of your website. Have you created a custom 404 page that helped drive more traffic to your site? Share your custom 404 pages in the comments!

Celebrating a Remarkable 2015!

From one of the biggest launches in Weebly history, to some truly inspiring stories and powerful journeys, 2015 has been a remarkable year. With a community that’s now built over 30 million sites and receives over 250 million unique visitors each month, it’s also been a year growth. Cyber Monday sales to your eCommerce sites grew 80% since last year and set a new record for Weebly store sales in a single day! ​ As good as 2015 has been, 2016 will be even better. We’re investing big in platform improvements, while adding some groundbreaking new features, including the launch of an official Weebly Community. Helping entrepreneurs like you build successful businesses and bring big ideas into the world truly inspires us, and the feedback we continue to receive from our community directly impacts product development as we work to build a platform that serves you better each year.As we move into 2016, let’s take a moment to look back on the highlights from 2015:Carbon - The next generation of Weebly. We reimagined the platform with a host of new features and updates. Carbon introduced the new App Center, Dashboard and Developer Center, along with updated Mobile Apps and a responsive theme overhaul including brand new themes Oasis, Paper and Slick. We also completed a full refresh of the Editor, with over 200 post-launch changes focused on upgrading performance and providing the best website building experience anywhere.  New Domains - We launched 9 new domains to help you localize your website for different regions around the world (or set yourself up with multiple domains). We also officially launched Weebly in the UK, France and Germany! Page Layouts - Goodbye blank pages. Page layouts made it easier than ever to create a site with predefined page frameworks that automatically populate blank pages with real site elements. These layouts provide both guidance and inspiration, making it easier than ever to create the perfect page.SimpleChat - Real-time chat support from your phone. SimpleChat allows you to answer customer questions via text message. This powerful tool integrates directly with your online store and lets you connect with customers from anywhere. Dream Big - We want to show the world what entrepreneurs just like you can accomplish with a website and a big idea, so we created a new TV commercial featuring xobruno and a second commercial highlighting Botany Bay Farm. IFTTT Integration - Plug your favorite services directly into your website, blog or online store. Connect Weebly with tools like Evernote, Dropbox and Google Drive to create your own customizable events and automated tasks.​Weebly Power Hour - We made a crazy proposal: Make a website from scratch in one hour from an iPad or Android tablet. The best site wins a $5,000 grand prize. The results were more than impressive, and our winner, Myka’s Lemonade Stand showed us all what can happen if you dream big. Weebly for iPad was also featured in Apple’s inspirational Change Everything Campaign. Square Partnership - Square helps millions of businesses accept offline payments, and now you can now use Square to power online payments with direct integration into your online store. This partnership makes it easier than ever to connect offline and online payments to help your business grow. What was your favorite addition in 2015 and what do you hope to see in 2016? We’re excited for the new year and we can’t wait to bring more exciting features and updates. Stay tuned!  

Theme Spotlight: Impact, Dusk and Birdseye

As a business owner, blogger or website builder, you want good-looking themes that show off your products or personal brand. You want usable designs that help your visitors quickly find what they need. You also want a website that works on every screen, from desktop to smartphone.To help you get everything you need from a website theme, we've been updating our top themes to make them even more useful and attractive.Today, we'll look at the latest versions of Impact, Dusk and Birdseye. We've made each one responsive, which means they'll automatically adapt to any screen-size, so you don't have to worry about readability issues for visitors or customers on mobile devices. Impact Besides the new responsive design, we've updated Impact's fonts, upgraded the color palettes, tightened up the layout and even overhauled the full width header to help bring your content to life. To top it off, the Store section is laid out on a grid for easy-to-scan product shots and improved information display.  Marthe Mekuria uses Impact to share her art with the world in a way that's simultaneously accessible and sophisticated. The large banner image really sets the tone and brings her personality forward. Impact makes it easy for visitors to see her entire catalogue of work and purchase her pieces directly with a sharply designed shopping cart and smooth checkout experience. ​Make Impact your theme and impress visitors with a new site design.  Dusk Dusk delivers the design character necessary to make a big statement to your audience. The smartly-positioned site title highlights a strong homepage banner section built perfectly for your hero images. Dusk also received some font love and a new color palette, as well as a revamped header and an improved layout.E-Z Eat chose Dusk to highlight its innovative product. Dusk helps the company tell its inspirational story with well designed slideshows and embedded video. ​Get started with Dusk today, it's easy to preview your content on Dusk (or any new theme) directly from the Theme Gallery. You can switch back and forth between themes without loosing your work.​ Birdseye Birdseye was first announced two years ago and has been a popular theme ever since. To provide the update it deserved, we took a close look at some key design elements. Birdseye combines Dusk's beauty with Impact's sense of urgency. Where Dusk draws the eye downward for navigation, which makes for a stunning opening shot, Birdseye keeps the site title and navigation at the top, providing an early focus on the navigation menu with a dramatic full width header image. The new version includes redesigned store categories, fade-in animation for headlines and a gorgeous splash page.Readydesk uses Birdseye's strengths to create an impressive eCommerce experience. The site opens with a great photo, strong headline and clear call-to-action elements that let visitors understand and purchase products directly from the homepage.​Learn more about Birdseye and try it with your site. We hope you enjoy the updates to Impact, Dusk and Birdseye. With these refreshed themes, you can make a great first impression and keep your audience interested on every device. Share your thoughts about these themes in the comments!

Shopping and the Art of Desirability

With holiday sales revving up earlier every year, you're probably wondering the same thing everyone else is: how can I take advantage of the season to sell even more of my products?Even when you have a great product and a solid marketing campaign, it can be tough to compete during a time when the world's consumers are faced with more options, are under more stress to choose well, and have less time to pick out the best gifts. Quality will only get you so far, especially if you're at the helm of a lesser known brand selling lesser known products.You need some extra tactics to help you stand out. Let's look look at some basic principles of persuasion and desirability that can make the products on your website look more appealing. I'll Give In So You Do, TooFirst up, the principle of concession, which basically is what happens when one person in a negotiation meets the other halfway.A sales person, for example, might set a high price on an item at first, and then come down on it a bit in the interest of hooking the customer. The customer then feels like the salesperson has made a concession, which taps into the customer's sense of mutual obligation. The sales person reduces the price, in other words, and the customer's will power is reduced right along with it.​ To apply this concession theory, create your own product markdown incentive in your online store. In the Editor, you can do this by editing your product details and entering a new, lowered price in the "Sale Price" field.Hurry Up!Next is the principle of exclusivity. This is the idea that people feel more attracted to a situation in which they are among the select few who get to experience it. A party invitation means more when you know the guest list is short. Membership in a group is more enticing when you know the group puts strict limits on who gets invited. Not everyone gets the special black credit card, so when you get pre-approved, odds are, you're going to jump in.Disney used to execute on this idea to extreme success. Rather than offer up its entire catalogue of movies, it would release sale copies of each movie for just a short time once every seven years. If you ever went to a video store during one these sales periods, you know how much the demand for a movie had been driven up by this artificial sales constraint.This limited release created a massive demand that kept the Disney name in every holiday sales conversation by every family in America.You can do a similar thing on your site with the Business plan. Just pop over to the Coupons Editor and set up a coupon that lasts for a short time — one day, for example — and then place the promotion all over your website and any other marketing materials you have. Someone Swears By ThisFinally, try tapping into the principle of authority. Here's how it works:When a product's reviewer is either an expert on a subject, well known for some other reason or is considered a trustworthy critic, everyone else in the world tends to trust the product more than one without a similar review. This is how Oprah drives her book-of-the-month picks to bestseller lists. She's in a position of influence, and a whole lot of people trust her opinion. The mere mention of a title she likes can mean millions of dollars for publishers. Likewise, a positive review from “Car and Driver" magazine can generate a great deal of revenue for automotive manufacturers.On your own website, go to the "short description" field in the Products Editor and add a testimonial by someone well-known who has purchased one of your products and said something positive about it.Of course, the hard part is getting someone well-known to say such a thing, but that's a different subject. You can also work to get testimonials from your best customers. Send an email or reach out on social to any customer that you’ve had a personal interaction with in the past and see if they’d be interested in supplying a short testimonial for your business. What type of principles do you use to promote activity on your website? Share your tips and experience with us in the comments!

Keep Customers Engaged and Grow Traffic with New App Center Apps

Nothing helps keep visitors – and potential customers – on your website like engaging content. Good content should provide your visitors with function (helping complete a task or solve a problem) or with entertainment. The best content can do both.​The App Center has three new tools to help provide both function and entertainment for your visitors with interactive polls and easy-to-use scheduling features. Pinpoll Pinpoll app integration allows you to incorporate fun and engaging polls into your website design. Polls give users a way to interact with your site and can boost page impressions as visitors spend more time engaging with your content and potentially sharing with others online. Each poll can be completely customized with colors and images used by your brand, and because the poll software is responsive, it looks great on any device.When users complete a poll, Pinpoll tools help them stay on the site by showing related articles or content. Pinpoll collects important data so you know exactly how people voted and where those votes originated from with digital mapping. All of these analytics are available directly in your Dashboard. Sheridan Student Architecture Club uses Pinpoll to engage with students and ask question related to their interests in the program. The background images add extra flair to the poll design, which is easy to answer and matches the rest of the site theme. Best of all, the Pinpoll app is free! Tockify Calendar Whether visitors are booking appointments or looking for your business hours, Tockify Calendar has the functionality to handle all your time and date needs in a well-designed widget. Tockify works well with images and can be customized to match your overall site design.​Tockify also links up to social media sharing tools, with easy to install calls-to-action and the option to allow user submitted events. Tockify Calendar is completely responsive and installs right into your site Dashboard. Trent River Designs uses the Tockify Calendar to showcase upcoming events. Each event includes a custom photo – in smart circular design with a large headline, time and date information, and a description. Users can also get directions, share the event or search for other options all in one place.​Give Tockify a try on your website today with easy App Center installation.  Schedulista Schedulista makes it really easy for customers to get in touch with you. This user-friendly tool helps customers book appointment times and see available options right from their computer or mobile device. And because the app accepts appointments 24 hours a day, you don't have to worry about missing customers.The tool includes some of the same great features as Tockify Calendar but takes it a step further with appointment scheduling tools and text notifications. Schedulista also integrates with Facebook and allows users to pay through the app. Your customers will appreciate how easy it is to schedule an appointment with Schedulista. The Petsmith uses Schedulista for appointment booking on its business website. Pet grooming clients can see available appointments with different employees and reserve a time with just a few clicks. The calendar is intuitive for clients and easy to use on the backend, download a free trial from the App Center to test it out. ​​Thanks to these great add-ons, you can more easily engage with visitors and make the most of your website, blog or online store. Ease of use, Dashboard integration and plenty of entertaining features will help you increase your site's potential the moment these apps are installed.

Localize Your Site with New Domains

A website gives you the opportunity to tell your story, share your work and sell you products to anyone, anywhere in the world. One of the best ways to speak directly to a global audience is with a localized, country specific domain. ​ To give you more freedom to go international, we’ve expanded our domain offerings to include 9 new domains that you can use to build your site (in addition to the .com, .net and .org we currently offer). Not all new domains are country specific. Here’s the full list of the new domains:.co.uk - UK.ca - Canada.nl - The Netherlands.de - Germany.fr - France.es - Spain.us - United States.eu - European Union.info - Everywhere! To access the new options, go to the Domains tab from your Dashboard and type in the domain name you want to use in the search box. You’ll automatically see a drop down with the different available domains. You can also buy multiple domains and point them all to your site. If you’re reading this blog from the EU, you might also be interested to know that we just launched Weebly in the UK, France and Germany! ​

6 Ways to Get More Sales this Holiday Season

The holiday season is right around the corner. Are you – and your website – prepared for the biggest sales period of the year? Don't worry, we've got you covered. Get ready with these six tips to help you drive more sales. 1. Drive Holiday Business with Coupon CodesGive people a reason to come to your website by offering a coupon code. You'll entice more visitors which means more potential conversations.The Business plan provides all the tools you need to create coupon codes with ease. Log into your store dashboard to get started. You just need to know what type of discount you want to offer, such as free shipping, a percent off the total sale or fixed amount.2. Promote Products on Social Media Use social media to create a buzz about your website and draw in new shoppers. Show off your best product shots on channels such as Facebook, Twitter, Instagram or Pinterest. Combine social media campaigns with a coupon code and you have the start of a powerful campaign.Backwoods Soap & Body Products uses striking imagery and engaging descriptions to create a powerful social media following. With strong campaigns on Facebook and Pinterest, the company – which makes soap from hops or beer – has a product that's special, packaged well and makes a unique holiday gift.​3. Monitor Website Stats and Know Where Traffic is Coming FromDo you know which campaigns are working best and where shoppers are coming from? The answer will help you decide where to focus your marketing efforts.With the new Dashboard, keeping track of visitors and website stats just got a whole lot easier. You can find a ton of information about potential shoppers in one place – weekly visitors, page views, form submissions, blog comments and store orders. Break down that information to see where traffic is coming from, and turn your attention to those places to draw in even more customers.4. Expand Your Product LineThe holiday season is an ideal time to expand your product line and help lure back past customers. Whether you are adding something new or something with a holiday theme, now is the time to get started.​If your store is not on Weebly or your items are split between a Weebly site and another place such as Etsy, you can use the import tool to combine all of those items into one storefront. This will expand your Weebly store catalog and provide more products for shoppers (even if you aren't actually creating new items). All plans let you list products for free [no listing fee] including an unlimited number of product listings with the Business plan. 5. Feature Product Videos and Testimonials Shoppers love to see a realistic view of products from online stores. Use videos and customer testimonials to show shoppers why they should buy from you. Showcase specific items and have past customers explain why your products make perfect holiday gifts. (This content is great for your website and for posting on social media.)We already have an HD video element built right into the platform, so it couldn't be easier to incorporate video into your holiday eCommerce plan. All you have to do is drag and drop the video player into the desired location on your website and upload a video. (Just remember the HD video tool is available only on Pro and Business plans.)Botany Bay Farm uses video to explain how the business is unique and why you should buy from them. Not only does the video help shoppers connect with the brand, but it also keeps visitors on the site longer.​6. Keep Tight With Branding Finally, the holidays are one time of the year when lots of new people are exposed to your site or brand. That means keeping your brand top-of-mind is especially important. Make sure that all information you send out is branded so that every customer knows who you are. This includes using the same URL, logo, colors and product images everywhere you plan to advertise.​Start with a branded website domain, such as Bad Pickle Tees. Then make sure every element of the website and other marketing campaigns use that same branding, including your email address and social media campaigns. An integrated shopping cart with checkout on your domain, which is available on the Business plan, helps customers feel good about their purchases with a professional look through the final steps. (And with a branded checkout, you don't have to worry about users abandoning their carts because they are worried they have stumbled onto another site.)What strategies have you seen work on your website during the holiday season? Share your tips with us in the comments! ​

What's Next?

Fresh off the release of Carbon, we’ve been closely listening to your feedback -- both what you love, and what we can improve. Since launch, we’ve implemented over 223 small and large changes based directly off your suggestions, and we’re working hard every day to keep up that pace!As we continue through the year, we’ll be building a number of amazing new features, while continuing to focus on making the core site building experience fast, efficient, and delightful. We’ll be focusing on these improvements in 2 main areas, and would love to hear your input on the specific items we should focus on: Speed & Efficiency: We’ll be working to make everything you do faster and more efficient. For example, we’re making it faster to load the site editor and manipulate elements. What are the other things that slow you down? What are the things that will help you more efficiently edit your site?Quirks & Bugs: We’re always striving to make Weebly even easier and more delightful to use. Do you experience any little annoyances while you’re editing? What's not working as expected? For example, sometimes text formatting gets messed up when you copy and paste from Word. We’d love to hear all of the little areas we can improve!It's simple. We’re where we are today because of you, and your feedback has a direct impact on our roadmap and what we work on -- it gets sent straight to our Product and Engineering teams. We’d love your input and your thoughts on how to make Weebly work better for you. Let us know by filling out the form below! Feedback Form Email * What type of feedback is this? * Report a bug or quirk Suggest a way to improve speed Suggest a new feature Comment * Submit

Next Level Themes - Oasis, Slick and Paper

You deserve a beautiful, modern looking website that’s easy to make your own. We revamped our top themes so you could have the best canvas to tell your story with the latest professional web design trends in support. Oasis, Paper and Slick take our themes to the next level, with open, compelling design features that help you build that next level website for your business or personal brand. Let’s take a look at what makes these three themes special. All themes are free and available for all plans. ​ Oasis Featuring a unique vertical split screen motif, Oasis opens up the entire left side of your site to display big visuals. This means you can use the right pane to focus on content, with some interesting surprises like width-busting map and gallery elements. Oasis is fully responsive, with collapsible navigation and vector social icons. On mobile devices, the left pane moves seamlessly into a horizontal position above the content for an elegant single column view. ​ VSTUDIO uses Oasis to show off a company portfolio with some stunning visual support. The contact page uses the unique theme with expertise while the site logo features nicely on the left pane to add even more character to an already excellent site. You’ve never seen a theme like Oasis. Try it on and start experimenting with the unique new layouts that will open new options for you website, blog or online store. ​ Paper With an unlimited number of applications, Paper accommodates a wide range of content and incorporates your voice into dynamic, engaging pages. Paper combines traditional elements with modern minimalism that allows visitors to immerse themselves in your best content. The storefront boasts new product hover effects that make Paper the perfect theme for eCommerce sites. Paper is responsive, with a full width header image and both light and dark palettes. Savages Biker Apparel uses Paper exceptionally well with a powerful, image-forward homepage and shopping cart icon in the navigation. The hamburger menu animation adds even more personality to the already strong layout. Ali Rybczyjk’s personal art site, Love Includes Everyone, uses Paper to show off her artwork, with a wonderfully designed storefront featuring pieces available for purchase, along with a sketchbook for her other work. Cindycow.com, created by a nurse who also sells her art, uses Paper to display her creativity and love for typography along with a blog that includes advice for other nurses.Update your site with Paper and see how your content looks with this truly universal theme. ​ Slick A powerhouse for striking first impressions Slick features oversized images and adventurous text elements to make a statement right from the start. Fluid scrolling effects make Slick easy to navigate with a new layout for blog pages that makes your content even more accessible.  Thepriestmovie.com ues Slick to market a dramatic short film with stunning background photos, while Chicks and Cheese uses the new blog layout with some more great photography to bring their passion for food and wine to life. Heathersaucier.com does an oustanding job constructing a projects page with a solid layout and great use of Slick’s short header and headline. Switch to Slick today to try all these new features. We hope you enjoy this latest spotlight on our three newest themes. Have you used Oasis, Paper or Slick to update your site? Share your work with us in the comments!

Delight Visitors and Ship More Products with 3 Free New Apps

First of all, thanks for all the helpful feedback and support during the Carbon launch. Our engineering and customer service teams are working around the clock to make sure everything’s perfect with the new experience. If you need help with anything use this form to contact us and we’ll get right on it. Now, let’s look closer at the brand new App Center. From geomarketing to product shipping, we have three new apps that will delight your visitors and help you sell more products. These apps are free and easy to add to your website, blog or online store with simple one-click integrations. ​ Related Noise Related Noise lets you add dynamic social feeds to your website. This is a great tool for boosting visitor engagement and displaying content in exciting new ways. You can use social proof to increase sales by showing off photos and testimonials from your biggest fans, or bring a variety of different voices directly to your site to keep visitors interested.Twin City Pictures uses Related Noise with the new responsive Slick theme to display a stunning gallery populated with the company’s Instagram feed and photography. It’s a smart and visually exciting way to show off their best work. EcoGrow LLC uses the app to share the company's Aquaponic systems as they're used by real people. It’s an engaging way to illustrate how the product works for customers. Try out the Related Noise App right now to start building your own social feeds.  ​ MapJam ​ MapJam brings some exciting new geomarketing tools to your website, letting you create beautiful, uniquely customized digital maps. You can use the app to help customers find physical locations or add stunning new interactive elements to your site. This Toronto-based realtor uses MapJam to display open listings on a custom city map that lets visitors explore different properties right from the homepage. Anthonynachor.com uses the app to illustrate color-coded transit stops around the San Francisco Bay Area, adding some impressive visual support to the text on the page.Add the MapJam app to your website today to test out these unique map creations. ​ Shippo  Shippo makes shipping products from your online store easy and affordable. The app lets you create shipping labels and get discounted shipping rates on both domestic and international shipments. You can access multiple carriers, including USPS, Fedex and UPS, along with key time-saving features like automatic tracking and customer email notifications. Alibi Interiors uses the app to ship hand-crafted reclaimed wood products around the country. The integration with their online store has saved them time and money from the moment they connected the app.    Shipping doesn't have to be hard anymore. Get Shippo integrated with your site and start your new shipping program.We hope you enjoy these new apps, you can learn more about using the App Center or see all the current apps for yourself (with more being worked on all the time!) What are your favorite apps and how are you using them? Let us know in the comments! ​

Introducing Carbon, the Next Generation of Weebly

We’ve been hard at work for the better part of a year, and today I’m incredibly excited to finally share the results with the world. Entrepreneurs, dreamers and makers, it’s time to meet Carbon, the next generation of Weebly.Carbon is a total relaunch of our platform, delivering a whole new set of tools to help grow your business, enhance your site and share your story with the world. With Carbon you have more power and more control than ever before, all wrapped together with the intuitive drag and drop experience you love.There are plenty of new elements to discover with Carbon, so let’s make some introductions​ App Center Bring the world to your website with the brand new App Center, a dynamic collection of apps and services that you can now add to your site through simple one-click integrations. Powerful eCommerce apps like Shippo and Switch give you new tools to run your business, while apps like the Events Calendar and Poll Creator help bring more life to your website with innovative services that connect right into your pages. With an expanding community of app developers and innovative companies working on projects for the App Center right now, new apps are being added all the time to help your site grow like never before! Access the App Center at any time from the new Apps tab in the Elements sidebar.​ ​ New Themes We’ve reimagined our top 21 themes and added three stunning new ones, Oasis, Paper and Slick, that make it easy to build a beautiful website that’s completely unique to you.​Upgrading your theme is as easy as a click, and all of your content transfers seamlessly, which means your website will always be on the cutting edge of modern web design trends without worrying about manual updates. All of the new themes are responsive and show off upgraded visuals and element layouts. All themes are available in the new Theme Gallery. It’s easy to give any theme a test run, but if you’d like to keep your old theme there’s no pressure to change.​ Dashboard The remodeled Dashboard is stats on steroids and gives you a single place to track essential metrics for your business. You’ll find an easy to scan overview of important activity like traffic, sales, blog comments, and orders, all laid out in summary cards. Click on a card to go to a full screen deep dive on each metric. This will make it easier to assess website trends, understand success and find new opportunities to grow. Log in now to check it out.*Designer and Education users won't be able to access the new Dashboard yet. ​ Mobile Apps The latest evolution of our Mobile Apps brings full drag and drop website building to all your devices, both from your tablet and on your phone. This is the mobile experience you’ve been waiting for.Now, you can create a site, store or blog on iPhone, iPad and Android devices, along with the ability to track all your activity from the new mobile dashboard. Even better, run your business from anywhere with an upgraded eCommerce mobile experience for all devices that lets you process and fulfill orders, add products, check inventory, receive notifications when a new order is placed, and instantly accept payments. ​​ 9 New Elements It gets better. We created 9 brand new Weebly elements that let you bring a range of additional features and functionality to your site. The new elements are all free and easy to add to your site from the App Center. These elements include: pricing table, team cards, FAQ section, call out box, table element, accordion, tab area, code syntax highlighting, and animated counter.​ Editor Refresh Even the Editor has a new look and feel, with a refreshed design and new features. The Pages tab is now in the sidebar, making Page-level editing much more convenient. Now, instead of balancing between the build and page tabs, you can seamlessly switch pages without leaving your current screen. We’ve also reimagined the element options interface, giving you a cleaner, more intuitive interface to customize and tweak the important parts of your website.​ Elements API & REST APIs We’ve done a lot of work behind the scenes for developers, too. The Elements API lets anyone create new elements for Weebly, using Mustache, LESS and Javascript. We are also launching a comprehensive set of REST APIs that include OAuth2 integration, Webhooks, and calls for blog, site, eCommerce, and membership, among many others.Carbon includes an upgraded theme engine that supports partials, so you can now customize the HTML structure of areas like navigation, blogs, store fronts, product pages, membership, and search pages using Mustache templates.We’ve launched a brand new Developer Center where you can read up on the docs, API reference, and download sample applications and themes that support all of this new functionality.​ Behind The Name Carbon is the third generation of Weebly (the second launched back in 2013), so we chose a name that started with the letter ‘C’. It’s one of the most interesting and versatile elements: not only is carbon the basis for all life on earth, it has a wide set of uses; it can form diamonds, carbon fiber, or graphite. We thought it was the perfect name for the third generation of Weebly, one that brings improvements in design, an app center ecosystem, cutting edge mobile apps, a dashboard to help you manage and grow your business, a new platform for developers, and exciting new functionality.Carbon is the culmination of many hours of hard work and collaboration from the teams in San Francisco, Scottsdale and New York. We’re really proud of the latest evolution of Weebly and we’re excited to play a small part in helping you grow your business. We’ll keep working day in and day out to help you be successful, and we always love hearing your feedback on what you’d like us to build next.It’s a whole new world… what are you going to build? David RusenkoCEO, Weebly

What Does Your Typeface Say About Your Brand?

You've already made the leap and built a great website. But which typeface did you use? And what does that typeface say about your brand? Here's a primer on modern typeface terminology and what those different type styles can say about your website or business. These typefaces are easily accessible via the Change Fonts menu in the Design tab. Sans Serif Typefaces Sans serif typefaces are among the most widely used type styles in website design. Sans serifs include typefaces that do not contain embellishments or serifs at the ends of strokes. Sans Serifs are a popular style because they are often easy to read, have a modern, crisp style and work with a variety of design types. They may have thick, thin or varying stroke widths. In addition to their popularity in terms of readability, sans serif typefaces are also easy to match to most designs. Use of a sans serif signals to customers that your brand appreciates clean lines, has style and is easy to work with. Thinner stroke widths create a trendy vibe, while bolder strokes often feel important.Use a regular weight to take the emphasis off the type altogether, allowing it to fall into the rest of the design. Sans serif typefaces can be used anywhere in a design, from headlines and menu elements to the main text style.Three key associations: Modern, clean, stableThree options to try: Lato, Open Sans, RalewaySerif Typefaces Serif typefaces have been the branding choice of major companies, including banks and financial institutions, for many years. Typography featuring small lines at the end of each stroke are considered trustworthy and more formal than any other type style. Much of this stems from the roots of serif typography — it is one of the oldest types of lettering next to hieroglyphics.While some designers caution against using serif typefaces in web design, serif fonts can offer a powerful option, especially for larger blocks of type. Serifs aren't used as frequently as other typefaces, so choosing this style can help bring extra emphasis or attention to your website. Serif typefaces can be used anywhere in a design, from headlines and menu elements to the main text style.Three key associations: Traditional, formal, reliableThree options to try: Abril Fatface, Georgia, Playfair DisplayScript Typefaces Script typefaces are seeing a dramatic rebirth thanks to the popularity of the handwriting typeface. Scripts are often more decorative and are identified by an almost cursive-handwriting style design. Many brands with a large female audience use script typefaces because the extra embellishment and stroke flourishes have a feminine feel. (A script does not have to have a feminine association though.)Script typefaces ooze elegance and grace with lettering connected by clean and simple lines. This type style has a more creative feel with a looser, more messy pattern for letterforms. Script typefaces are best suited for larger type in a website design, such as headlines.Three key associations: Elegant, feminine, creativeThree options to try: Pacifico, Sofia, Marketing ScriptOther Type Styles Typography can be broken into a few other categories as well, all of which are used in much the same way for website design—as an accent or as part of a type-as-art concept. These typeface categories include blackletter, novelty and display styles.Blackletter type styles are reminiscent of the past with heavy lines and elaborate styling. One of the most well-known examples of blackletter type is that nameplate for The New York Times. This style of type is best used for only a few words and at large sizes.Novelty typefaces are those that just don't seem to fit into any other category and can include unique flourishes or techniques. Novelty typefaces are often used for logos, small blocks of large type or to create a visual element that is more about the look of lettering, rather than its readability.Display typefaces are bold and work well at large sizes but are rather inappropriate (and unreadable) at smaller sizes. They are often used for headlines and for poster-style designs.Three options to try: Kingthings Calligraphica (blackletter), Seaside Resort (novelty), Lobster (display)Adding Typefaces to Your SiteWhen it comes to bringing it all together, you can change typefaces easily from the Change Fonts menu. Typefaces are grouped by category name, so if you know what style you are looking for, browsing fonts is a breeze.Here's how each style is displayed in Change Fonts:Sans serif: A large collection of simple typefaces in thin, regular and thicker stroke widthsSerif: Typefaces you would expect, such as Times New Roman, with plenty of other modern serif stylesMonospace: Mostly used for coding style projectsHandwritten: Script and novelty options from simple to elaborateBold black: Display options for large textDecorative: Novelty typefaces for large text or special usesLet us know how you’ve used different typefaces on your site, store or blog and which ones you like the best!

3 Ways to Use Animation on Your Website

From color changing buttons to looping video and GIFs, website animation is a design trend that can work for a wide range of websites and delight your visitors.So how do you incorporate website animation into your design? Here are three easy ways to get started. 1. Try Hover EffectsOne of the simplest animations to try is a hover effect or button animation.  A hover animation occurs when something happens as the mouse moves over an element on the screen, such as the button changing color or growing in size. You can take this a step further with hover effects that showcase the price of an item in your shop or that include extra instructions.The key to hover effects is to use them sparingly, but with consistency. If your buttons  change from blue to red on hover on the homepage, follow this theme throughout your site. Picatars by Paula makes the most of button design with a transparent ghost button that turns solid when you hover and a top navigation that uses box animations on hover. Many of these effects come baked into the latest themes, test a few different themes to get a feel for all the different types of hover effects available. 2. Add a Background VideoBackground videos are a great way to add excitement and movement to your site. A background video can include anything from live action clips to background images with subtle movement.The trick to a background video is to keep it simple and easy to understand in just a few seconds. The best videos show a looping action that relates to your company or brand. Keep in mind that your video is unlikely to have sound, so it has to work as a stand-alone visual element.Adding background video to your site requires custom HTML code, so please proceed at your own risk (our customer success team is unable to directly support this as a feature). The good news is that if you try this out on your site and it doesn't work quite the way you want, you can always roll back to your non-custom theme by going to the Design tab, visiting the Change Themes section, Sorting your Themes by Recently Used, and re-selecting your original theme. You can also copy your site and test this out on the duplicate.That warning out of the way: how can you add a video background to your site? Go to the Design tab and click the Edit HTML / CSS button in the lower left corner. This will drop you right into the CSS (main_style.css file) for your theme.Before writing the code to show the video in your background, you'll first want to upload the video itself to your Assets on the left side. Click the "+" button next to the Assets section and upload the video file you want to use. You want this video to load and play quickly, so upload a video file that's less than 10mb in size if you can. You'll now see the video listed in your Assets. Does the video have a short, one-word name? If so, great! If not, click on it and use the edit option to rename it to something simple. This will make it much easier for you to refer to the file name in your code later on. Now you need to put some code into your site. How do you write the code to actually place the video on your site's background? Tech Author Dudley Storey explains it better than we ever could. 3. Create Interest with Simple AnimationsEverybody loves a GIF, right? Simple GIF-style animations are fairly easy to create and upload. All you need is a great idea that matches your website’s personality.Simple animations include anything from a bit of color changing text to a dancing cat in your website sidebar. Create your animation in image editing software of your choice, save in the GIF file format and upload using the image uploader. Check out Fiesta Five to see just how effective a simple GIF can be on the homepage. Not sure a GIF is in your wheelhouse? Consider an image slideshow with a little animation, like the one used by Mehditash Design, for some extra visual impact.What type of animation do you use on your site, store or blog? Share your animation examples in the comments!

Get Inspired by Myka’s Lemonade Stand - Winner of the $5,000 Weebly Power Hour Grand Prize!

The Weebly Power Hour contest launched in June, proving that you don’t need a lot of extra time or even a laptop to build your own website. We were amazed by all the great sites you built in a single hour with Weebly for iPad and Android tablet apps. We were even more amazed by the stories behind those sites. There was the poetry website built to help at risk teens in Memphis, a non-profit seeking reliable water sources in Mexico, the middle school student who built a site for his robotics club in Texas (submitted by his dad), and a walking tour site for the Susan B. Anthony House.These sites and your stories all stood out, but the winning entry was Myka’s Lemonade Stand. Myka started the stand to help her parents raise money to adopt her little brother, 2 year old Levi, from South Korea. Myka’s mom built the website on her tablet to help get the word out about her daughter’s adoption fundraising project. Myka and her mom worked together to brainstorm the design ideas and website features that Myka wanted to help promote the stand. Myka’s mom didn’t have a lot of website design experience, but she wanted to create a site that would allow Myka to help with the adoption process, something that Myka was very passionate about supporting. Plus, the $5,000 prize would go a long way toward the high costs of international adoption. In fact, the family found out they won the contest while in South Korea meeting little Levi for the first time, and they expect to bring him home soon. Big congratulations to all our contestants and especially the winner Myka!

Design Trend: How to use Blurred Images on Your Website

Blurred background images have become a popular website design trend. The technique can help elevate your website’s headers and splash pages when implemented correctly - we even use the technique in the header on this blog! There are several ways to create a nice blur on your site and use text, buttons and other design elements to maximise the visual impact for your visitors and customers. Creating a Blurred Image in the Site BuilderIf you are new to website design or photo manipulation, you can create an easy blur effect directly from the Site Builder in just a few steps:Click on the header or background image you want to blur Select “Edit Image” in the bottom right of the image. Upload an Image or choose a built-in image, hit Select. Across the bottom of the screen, click the "blur" button and move the scroll bar up for more blur. (Higher percentages equal more blur for background images.)Once you’ve got the right blur level, use the Save button to save to multiple pages or just the page you’re currently editing. When selecting your blur settings, use higher percentages for those blurs that are designed for an abstract look and feel. Use lower percentage blur for images that you want users to identify on the screen.Blurring Images ExternallyMore experienced designers and photographers may use photo editing software such as Adobe Photoshop to manipulate specific parts of an image.Here's how you can work with blur in photo editing software: Open the image and select the part of the image that you want to blur. (You can use the entire image or just a portion. In this example we blur the background leaves and keep the flower in focus. Photo Credit: Thangaraj Kumaravel/Creative Commons) In the menu, navigate to "blur" and select the Gaussian Blue option.Move the bar from left to right to determine the amount of blur. The higher the number of radius pixels, the more the image will be blurred. (Here, we used 6 pixels so you can make out the background but the focus remains on the flower.) For a more abstract look, increase the blur to 25 or more pixels.Save and close. Import into the Site Builder to add the new blurred background image to your website.When working in an external photo editor, there are a lot of image manipulation options. If you’re not experienced with the program, don’t mix and match or use too many tricks as you might end up with an awkward image.Put it All TogetherA blurred image alone is not enough to make a great website design. You'll also need other elements to complement the image. Keep it simple to make the most of this design trend.Add a little text: Because a background using a blurred image will likely include color, opt for black or white lettering that is large with uniform stroke widths so it’s easy to read.Think about navigational elements: Use a hamburger menu or text navigation elements in a simple typeface across the top of the image (or just above it). Stripes and Redux feature strong hamburger menus for you to use over blurred background images. Place buttons strategically: When it comes to buttons and background images, the ghost button option is both fun and trendy. Birdseye and Venue are great themes for ghost buttons and blurred images. You can also opt for a more traditional style button; just make sure the color contrasts enough from the background to stand out.Don't forget a call to action: Remember to tell users what to do while they are on your website. Whether they should fill out a form, click to another page or buy something from your shop, provide clear direction for action.Blurred images are a fun way to add a little extra dimension to your website design. When working with blur, keep in mind that it should be used to create a completely abstract background or in such a way that the image is still discernible. This technique can help you make the most out of a limited collection of images or help you use stock photography in an interesting way.

Meet SimpleChat: Live Chat From Your Phone

Your customers have questions, but when they visit your website they often leave before asking them, which can hurt your business and impact sales. Today we’re announcing SimpleChat, an easy to use service that gives you the power to answer questions in real-time via text message. It's a fast and easy way to provide amazing customer service on your website, from wherever you are, and on your own schedule.We’re offering a special 14-day free trial of SimpleChat so you can get started today. Try SimpleChat Free How does it work? Your customers can ask questions through a live chat window located in the lower right hand corner of your website. You’ll get a text message on your phone when a customer wants to chat. If you’re available, you can start texting back while your customer responds from the chat window on your website. SimpleChat is only $8/month after the 14-day free trial and is billed annually once your trial ends. At this time, SimpleChat only supports 10-digit North American phone numbers. Once enabled, SimpleChat settings are available directly from the Site Builder. The SimpleChat Help Article walks through installation and management. SimpleChat FeaturesChat securely - Built with security in mind so you’re protected against bots and spammers.Simple Phone Management - Start and end chats directly from your phone via text.Control Availability - Turn chat availability on and off so you don’t drop chats when you’re busy with something else. Simultaneous Chats - Run up to 3 chats at a time. Easy Setup - Get started in minutes and manage it all from the Site Builder. Custom Branding - Change chat window colors and text to match your brand.We know that running a website and business can be hard. SimpleChat was designed to give you the flexibility and freedom you need to answer your customers’ questions before they leave and help your business grow. Give it a try and tell us what you think in the comments!

The Social Resume: What to Include in Your Online Portfolio

There's no better resume than a personal website. In a recent survey, 84 percent of respondents said they received tangible career benefits from their personal site. Elements of a successful online portfolio include clean design, a bio that tells a story, and work samples that show the work you want to do. Here are some tips on how to make your online portfolio shine. Keep it CleanClean design makes your online portfolio easy to read and navigate — a must for anyone interested in learning more about you and your work. Short but descriptive text is critical when you need to tell a story with limited time. Other resume ideas include a healthy use of negative space, a grid design and simple typography that work together to create a comfortable visual flow that will help you sell your skills and experience.Note the clean grid design and healthy use of white space in the personal portfolio of producer, athlete, and public speaker Lauren Selman, which she uses to showcase different skill sets without confusing the reader.On the flip side, a chaotic design for your online portfolio can dissuade readers from interacting with your website. Layout customization tools make it easy to take advantage of the flat and minimal design styles that are both popular and effective ways to showcase your personal brand. The Page Layouts feature is a good place to start.A Bio That Tells Your Story A professional “About Me" page is a great way to show the personality behind your work. This is where you can include additional information that's not in your online resume or in your cover letter, such as your point of view on your profession, your backstory, and your hobbies and interests. After all, you're far more than a list of accomplishments.For people interested in your work, a cultural fit is often as important as your skills and qualifications. Let them know you're a good match with a bio page that tells a story about what kind of partner you will be to work with. A bio page is also a good place to display a professional photo. Every image needs a little touch up to create the right visual impression. After uploading an image to your site, select “Edit Image” to make changes like adjusting rotation, coloring, cropping and more, and see how the changes will appear on your page.Actress Laura Savage uses her bio-focused homepage to introduce the person behind the roles she plays, describe professional awards she's received, and explain her work ethic to potential employers.Choose Work Samples That Illustrate the Work You Want to DoPast experience is important, but you want to illustrate the work you want to do next. If the purpose of your online resume is to get work and interest in a specific industry or field, focus on the skills and experience that are most relevant to that position.Then, include the work samples in your online portfolio that best illustrate your ability to do the job you want to win -- and that show you at your best. Don't forget to include great descriptions of each work sample, including how it prepared you for success in your future position. Image descriptions help add depth to samples displayed visually. It's easy to add a caption to any photo directly uploaded from the editor by selecting the "Caption" option after clicking on the image directly. Recent graduate and Social Media Specialist Emily Piskulick uses her personal profile to share her interests as well as current positions. Her Details page, for example, shares her love for style, Twitter, Instagram, Fashion Week, Apple products, anything made in San Francisco, and entrepreneurs, making it easy for prospective employers to envision her in jobs that match those interests as her career progresses.A great online portfolio is essential in today's digital environment. Increase your chances of winning your dream job with the helpful tips above. What other site tools have you found successful for enhancing your online resume?

Vimeo vs. YouTube - Which Is Better for Your Website?

Video is an increasingly important format for reaching your ideal digital audience. YouTube is the obvious choice for many, but Vimeo has grown massively in recent years and is now a viable alternative. So when it comes to Vimeo vs. YouTube, which is better for your website? Here are three factors that can help you decide. Vimeo vs. YouTube: 3 Ways to Pick Your PlatformIf your site is driven by volume rather than a small, engaged audience. YouTube is simple and users don't expect extremely high quality. Sharing across a wide variety of social networks is also made easy. Vimeo, on the other hand, has a reputation for hosting the work of filmmakers and professional creatives. Choose the simpler platform to scale up your video content quickly. Singer Sara Oliveira did that on her website, adding the option for users to freely download the new single "Chasing the Day" after sampling another track, "Always," using an embedded YouTube video.If everything on your site drives viewers to video. Most sites use video as an enhancement. Others use it as a vehicle of primary engagement. Vimeo is likely to be better in the latter case because of its cleaner look and tools for password-protected private sharing to collect feedback before wide distribution. Also, Vimeo doesn't push ads. Everything is geared towards content engagement. If you want exacting control over who sees your videos. While YouTube has the option to share a video privately with a group of named users -- or via email address -- Vimeo offers advanced privacy controls for limiting who sees the video, where it's seen and whether it can be embedded elsewhere.Make it Work: Adding YouTube and Vimeo to Your WebsiteNot surprisingly, YouTube is the easiest to set up thanks to the ready-made YouTube element. Drag and drop it where you want on your site. Then, navigate to the "share" button under the video you wish to embed. Click and get the URL under the header that says "share." (Yes, that's "share" twice!) Enter the code into the space provided in the element and then choose the size of your displayed video. Voila! You'll be up and running in seconds.Vimeo takes only slightly more work. First, grab the Embed Code element. Next, click the "share" button shown on the video you want to embed. Next, choose the option that looks like HTML code -- usually something like "</>" -- and then click the "copy" button. Back at your Weebly site, click "Edit custom HTML" at the Embed Code element and paste the HTML from your clipboard. Save your work. Ka-pow! More embedded video goes live on your site.You can also use the Embed Code element with a YouTube video to add some additional customization. Say you want to strip branding during playback. Adding "?modestbranding=1" after the source URL results in a cleaner version for display.Here’s an example of that code:<iframe width="640" height="360" src="https://www.youtube.com/embed/5ik_0UxlyP0?modestbranding=1" frameborder="0" allowfullscreen></iframe>For more hacks like this, check out the list of customization codes Bleeding Thorn Films has compiled.Video has always been an engaging platform for publishers and marketers. Now, it's never been easier to embed your best work on a website or blog. Have an opinion on Vimeo vs. YouTube? Which do you use for your site? Share your thoughts with us in the comments.

Pages

Recommended Content