Building a small business website with Squarespace<\/h3>\n\n\n\n
We’ll kick off our list with the stunning codeless website builder Squarespace. Squarespace offers a variety of world class template designs that can be readily edited for any type of business. <\/p>\n\n\n\n
Squarespace pricing for small businesses<\/h4>\n\n\n\n
Squarespace offers 4 different subscription plans<\/p>\n\n\n\n
Personal Plan: $16\/month, or $12\/month billed annually<\/h5>\n\n\n\n- Best for display (or brochure style) websites.<\/li>
- Does not accommodate online sales. <\/li>
- Includes SSL certificate<\/li>
- Customizable domain name<\/li>
- WHOIS privacy to protect domain registration information<\/li><\/ul>\n\n\n\n
Business Plan: $26\/month, or $18\/month billed annually<\/h5>\n\n\n\n- All features offered in Personal Plan<\/li>
- Minimal plan for selling products online<\/li><\/ul>\n\n\n\n
Basic Commerce Plan: $30\/month, or $26\/month billed annually<\/h5>\n\n\n\n- All Squarespace transaction fees removed from online sales<\/li>
- Ecommerce integration with instagram<\/li>
- Sales analytics <\/li><\/ul>\n\n\n\n
Advanced Commerce Plan: $46\/month, or $40\/month billed annually<\/h5>\n\n\n\n- All features in Basic Commerce plan<\/li>
- Abandoned cart recovery emails <\/li>
- API integrations for 3rd party software<\/li>
- Integrated shipping solutions<\/li><\/ul>\n\n\n\n
How to build a small business website with Squarespace<\/h3>\n\n\n\n
Now let’s attempt to actually build a small business website from scratch using Squarespace. The first thing you’ll need to do is sign up to a Squarespace accoun<\/a>t<\/a>. It’s free to sign up and build a website but you’ll need to sign up to a paid subscription to publish your website on the internet. <\/p>\n\n\n\nOnce signed up, the first thing we’ll need to do is select a template design to edit. This is what makes building a website with Squarespace so quick and easy, once your template is selected it’s then a simple matter of editing the text and images to reflect your business identity. Adding additional elements is also seamless, we’ll show you how to do that too.<\/p>\n\n\n\n
With our template design selected, we’ll click on ‘start with this design’ and then follow the quick step by step setup to upload our logo, select our color scheme and topography style.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn3.f-cdn.com\/files\/download\/111169302\/1.jpg\")
<\/figure>\n\n\n\n![\"how](\"https:\/\/cdn6.f-cdn.com\/files\/download\/111169304\/2.jpg\")
<\/figure>\n\n\n\n
Need a logo for your small business? Click here to hire a creative freelance designer now
<\/a><\/strong><\/em><\/p>\n\n\n\n![\"how](\"https:\/\/cdn5.f-cdn.com\/files\/download\/111169306\/3.jpg\")
<\/figure>\n\n\n\nOnce the quick setup is complete, we’re taken to the entry screen for our website builder. At this point it’s a good idea to create all the pages you’ll need for your website. <\/p>\n\n\n\n
If you’re not sure which pages your website needs, our post about Sitemap design<\/a> will help you. <\/p>\n\n\n\nTo create a new page click on pages in the left hand menu, followed by the plus icon. <\/p>\n\n\n\n![\"how](\"https:\/\/cdn2.f-cdn.com\/files\/download\/111169300\/4.jpg\")
<\/figure>\n\n\n\n To delete an existing page, click on its corresponding cog and then scroll down to ‘delete page’<\/p>\n\n\n\n![\"how](\"https:\/\/cdn6.f-cdn.com\/files\/download\/111169308\/5.jpg\")
<\/figure>\n\n\n\nYou’ll also notice an SEO option in the left menu. This will allow you to edit the title and meta description of each page which makes optimizing all of your website pages<\/a> to rank on page 1 of Google super easy.<\/p>\n\n\n\nTo start editing your website design, select a page and then click ‘edit’ at the top. <\/p>\n\n\n\n![\"how](\"https:\/\/cdn6.f-cdn.com\/files\/download\/111169331\/6.jpg\")
<\/figure>\n\n\n\nLet’s make this home page our own.<\/p>\n\n\n\n
First we’ll edit the headline and tagline. To do that, click on each text field and type over it. This is how you edit all text fields.<\/p>\n\n\n\n
To edit the button text, click on the button and then the pencil icon.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn5.f-cdn.com\/files\/download\/111169333\/7.jpg\")
<\/figure>\n\n\n\nTo change the background image, we’ll hover over the background and then click on its associated pencil icon. <\/p>\n\n\n\n![\"how](\"https:\/\/cdn2.f-cdn.com\/files\/download\/111169336\/8.jpg\")
<\/figure>\n\n\n\n![\"how](\"https:\/\/cdn3.f-cdn.com\/files\/download\/111169338\/9.jpg\")
<\/figure>\n\n\n\nTo change the opacity of the background image (make it darker or lighter) click on its pencil edit icon, navigate to ‘background’ and then adjust the opacity slider to your liking.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn6.f-cdn.com\/files\/download\/111169340\/10.jpg\")
<\/figure>\n\n\n\nTo save your work, hover over the ‘Done’ option in the top left and then click ‘Save’. Make a habit of always hitting that save button to keep your hard work preserved.<\/p>\n\n\n\n
How to add an anchor link with Squarespace<\/h4>\n\n\n\n
When an anchor link is clicked, a web page scrolls down to a specified location. Let’s add an anchor link to our orange ‘Learn more’ button so that when it’s clicked, the page scrolls down to the first block of content underneath.<\/p>\n\n\n\n
First, we’ll add an anchor point to our intended destination. We’ll hover over the title of our scroll destination until we see a black bulb indicating an entry point like so:<\/p>\n\n\n\n![\"how](\"https:\/\/cdn3.f-cdn.com\/files\/download\/111169403\/11.jpg\")
<\/figure>\n\n\n\nClicking on the black bulb will reveal all of the elements we can add in this spot. We need to select a code block.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn6.f-cdn.com\/files\/download\/111169399\/12.jpg\")
<\/figure>\n\n\n\nEven though Squarespace is a codeless web builder, we need to insert some HTML code into this code block. Don’t worry we’ll make it really easy for you.<\/p>\n\n\n\n
First we need to think of an anchor ID for this location. To help you keep track of all your anchor ID’s make them relevant to their locations by summarizing the headline they are referring to. <\/p>\n\n\n\n
Here is our anchor ID:<\/p>\n\n\n\n
meetingroomsbooked <\/p>\n\n\n\n
An anchor ID can’t include any spaces.<\/p>\n\n\n\n
Now, we need to insert our anchor ID into this line of HTML code and replace ANCHORID with our ID:<\/p>\n\n\n\n
<p id=”ANCHORID”> <\/p?<\/p>\n\n\n\n
Make sure you include a space between the two opposing brackets towards the end so that your anchor ID is hidden and not displayed as text.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn5.f-cdn.com\/files\/download\/111169400\/13.jpg\")
<\/figure>\n\n\n\nWe now need to insert an anchor link into our button that points to this anchor ID.<\/p>\n\n\n\n
The anchor link is simply a hashtag followed by our anchor ID, so in our case it will be <\/p>\n\n\n\n
#meetingroomsbooked<\/p>\n\n\n\n
To add this anchor link to our button, we’ll click on the button’s edit option and then paste this URL in the clickthrough field.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn5.f-cdn.com\/files\/download\/111169405\/14.jpg\")
<\/figure>\n\n\n\nHow to add a new section with Squarespace<\/h4>\n\n\n\n
To insert additional sections into your Squarespace template simply click the plus icon and choose the item you want to add at that point.<\/p>\n\n\n\n
Let’s add a new section beneath our text block.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn6.f-cdn.com\/files\/download\/111169407\/15.jpg\")
<\/figure>\n\n\n\nSquarespace offers a variety of section designs that can be added. Clicking the categories on the left will preview all the associated section designs to help you choose the optimum design.<\/p>\n\n\n\n
We want to insert a pictured list.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn6.f-cdn.com\/files\/download\/111169411\/16.jpg\")
<\/figure>\n\n\n\nEditing this new section is the exact same process as before, simply clicking the edit icons and modify its contents.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn5.f-cdn.com\/files\/download\/111169413\/17.jpg\")
<\/figure>\n\n\n\nHow to add an ecommerce store to a Squarespace website <\/h4>\n\n\n\n
Let’s turn up the technical meter and append an ecommerce store to our website. We’ll make this button link to our online store.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn2.f-cdn.com\/files\/download\/111169415\/18.jpg\")
<\/figure>\n\n\n\nTo add an online store, navigate to pages, click the plus icon and then select ‘Store’<\/p>\n\n\n\n![\"how](\"https:\/\/cdn3.f-cdn.com\/files\/download\/111169417\/19.jpg\")
<\/figure>\n\n\n\nKeep in mind that you’ll need to sign up to at least the basic commerce plan to facilitate an online store.<\/p>\n\n\n\n
Next, select your online store design. We’ll choose the second option.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn2.f-cdn.com\/files\/download\/111169419\/20.jpg\")
<\/figure>\n\n\n\nTo edit any of the products simply click on them and then select ‘edit product’ at the top.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn5.f-cdn.com\/files\/download\/111169441\/21.jpg\")
<\/figure>\n\n\n\n![\"how](\"https:\/\/cdn3.f-cdn.com\/files\/download\/111169447\/22.jpg\")
<\/figure>\n\n\n\nTo rearrange any of the store products, click on them and drag them into your preferred order.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn5.f-cdn.com\/files\/download\/111169444\/23.jpg\")
<\/figure>\n\n\n\nTo delete a product, double click and then select ‘Delete’<\/p>\n\n\n\n![\"how](\"https:\/\/cdn6.f-cdn.com\/files\/download\/111169449\/24.jpg\")
<\/figure>\n\n\n\nHow to add a contact form with Squarespace<\/h4>\n\n\n\n
To make the most of every visitor you need to offer them the opportunity of seamlessly initiating contact. The most effective way of doing this on a budget is with a well placed contact form. <\/p>\n\n\n\n
Here’s how you add a contact form with Squarespace.<\/p>\n\n\n\n
Click on the plus icon in the area you want to insert a contact form.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn6.f-cdn.com\/files\/download\/111169443\/25.jpg\")
<\/figure>\n\n\n\nThen select a from style within the form category.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn3.f-cdn.com\/files\/download\/111169487\/26.jpg\")
<\/figure>\n\n\n\nOnce inserted, click on any of the fields to edit them. <\/p>\n\n\n\n![\"how](\"https:\/\/cdn6.f-cdn.com\/files\/download\/111169489\/27.jpg\")
<\/figure>\n\n\n\nSquarespace for small businesses final thoughts<\/h3>\n\n\n\n
Squarespace is an intuitive website builder offering a gorgeous selection of readily editable templates. With Squarespace you always have the option of upgrading your display website to an ecommerce store within just a few clicks. Squarespace is a great choice for small businesses that want to leave a lasting impact on their visitors without the heavy web development agency price tag<\/p>\n\n\n\n
Building a small business website with Wix<\/h3>\n\n\n\n
We move on from Squarespace to its greatest rival, Wix. You may not have heard of Wix before, they’re rather ‘subtle’ with they’re advertising efforts. It’s not like they troll every Youtube video you watch or anything.<\/p>\n\n\n\n
In fact, because you’re reading this post, don’t be surprised if in the near future, your houseplants start transmitting messages about how easy it is to build a website with Wix.<\/p>\n\n\n\n
All jokes aside, let’s see whether a small business really can build a Wix website in minutes.<\/p>\n\n\n\n
Wix pricing for small businesses<\/h4>\n\n\n\n
There are 8 different Wix pricing plans to choose from but only the business plans offer ecommerce functionality. <\/p>\n\n\n\n
Free Plan<\/h5>\n\n\n\n- Wix ads are displayed on all pages of website<\/li>
- Website URL is a branded subdomain. Example, username.wixsite.com\/siteaddress<\/li>
- 500MB storage<\/li>
- 500MB bandwidth<\/li><\/ul>\n\n\n\n
Combo plan $10\/month (billed yearly) <\/h5>\n\n\n\n- Removes Wix ads<\/li>
- Clean custom URL with Wix branding removed<\/li>
- 3GB file storage limit<\/li>
- 2GB bandwidth limit<\/li><\/ul>\n\n\n\n
Unlimited plan $14\/month (billed yearly) <\/h5>\n\n\n\n- Unlimited bandwidth<\/li>
- 10GB storage<\/li>
- All Wix ads removed<\/li>
- Visitor analytics <\/li><\/ul>\n\n\n\n
Pro plan $19\/month (billed yearly) <\/h5>\n\n\n\n- Everything in Unlimited Plan<\/li>
- Unlimited bandwidth<\/li>
- 20GB storage<\/li>
- Clean custom domain <\/li>
- 2 hour HD video upload limit <\/li><\/ul>\n\n\n\n
VIP plan $27\/month (billed yearly) <\/h5>\n\n\n\n- Everything in pro plan<\/li>
- Priority support <\/li><\/ul>\n\n\n\n
Business basic plan $18\/month (billed yearly) <\/h5>\n\n\n\n- Minimum plan for ecommerce websites<\/li>
- Unlimited bandwidth<\/li>
- 20GB storage<\/li>
- 5 hours of HD video upload limit<\/li><\/ul>\n\n\n\n
Business unlimited plan $28\/month (billed yearly) <\/p>\n\n\n\n
- Everything offered in Business Basic Plan<\/li>
- 35GB storage limit<\/li>
- 10 hours of HD video uploads<\/li><\/ul>\n\n\n\n
Business VIP plan $38\/month (billed yearly) <\/h5>\n\n\n\n- Everything offered in unlimited plan<\/li>
- Priority support<\/li><\/ul>\n\n\n\n
How to build a small business website with Wix<\/h3>\n\n\n\n
Now let’s sit ourselves behind the controls and test Wix’s website building capabilities.<\/p>\n\n\n\n
After signing up to a free Wix account<\/a> we are presented with two different building options, we can either build a website with Wix ADI or via the conventional builder.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn2.f-cdn.com\/files\/download\/111169491\/28.jpg\")
<\/figure>\n\n\n\nWix ADI auto builds a website based on your answers to a series of questions, then, all you have to do is replace the text and images.<\/p>\n\n\n\n
Creating a website through the Wix Editor gives you more control over its features and aesthetics so we’ll choose that option. <\/p>\n\n\n\n
We then need to choose a template design to work with. Wix has over 300 template designs (3x more than Squarespace!) so it might take you some time to choose one. Our post discussing 11 amazing free Wix templates<\/a> might help speed up your decision. <\/p>\n\n\n\nOnce you’ve chosen a template, click ‘edit’ to start sculpting it.<\/p>\n\n\n\n
Clicking on any of the text fields will allow us to instantly type over them. <\/p>\n\n\n\n![\"how](\"https:\/\/cdn3.f-cdn.com\/files\/download\/111169493\/29.jpg\")
<\/figure>\n\n\n\nTo change the font or text sizing, double clicking on a text field will display its customization options. Make sure you highlight all of the text you want to adjust. <\/p>\n\n\n\n![\"how](\"https:\/\/cdn5.f-cdn.com\/files\/download\/111169495\/30.jpg\")
<\/figure>\n\n\n\nTo delete an element with Wix simply right click and select delete.<\/p>\n\n\n\n
Undoing an action in Wix is the same process you follow on your computer. Hit CTRL+Z on Windows and Command + Z on a mac <\/p>\n\n\n\n
To change the background image, click on it and then select the ‘Change Strip Background’ button. You can replace the background image with a video if you like, but this does deplete some web storage. Using a compressed image will save your storage space while ensuring your website follows best SEO practices<\/a> by loading as fast as possible.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn2.f-cdn.com\/files\/download\/111169503\/31.jpg\")
<\/figure>\n\n\n\n![\"how](\"https:\/\/cdn6.f-cdn.com\/files\/download\/111169505\/32.jpg\")
<\/figure>\n\n\n\nTo make our headline text more readable, we’ll need to decrease the opacity of the background image. To do this click on the background image > Change Strip Background > Settings, and then adjust the opacity slider.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn5.f-cdn.com\/files\/download\/111169507\/33.jpg\")
<\/figure>\n\n\n\nHow to add an anchor link with Wix<\/h4>\n\n\n\n
Let’s add an anchor link to that when visitors press the ‘Book Now’ button on our banner, the webpage automatically scrolls down to a specified location, which is our case is the title of our next content block.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn2.f-cdn.com\/files\/download\/111169509\/34.jpg\")
<\/figure>\n\n\n\nThe first thing we’ll need to do is drag and drop an anchor to our scroll destination. To do this click on the plus icon on the left then navigate to Menu > Anchors > and drag and drop the anchor into plac. <\/p>\n\n\n\n![\"how](\"https:\/\/cdn5.f-cdn.com\/files\/download\/111169511\/35.jpg\")
<\/figure>\n\n\n\nOnce the anchor is dropped into place we;ll need to give it a unique identity. To help you keep track of multiple anchors on the same page, give it the same name as the text it’s linking to. For best web development practices, don’t include any spaces.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn5.f-cdn.com\/files\/download\/111169601\/36.jpg\")
<\/figure>\n\n\n\nYou should then see a nice visual representation of your anchor’s location.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn5.f-cdn.com\/files\/download\/111169604\/37.jpg\")
<\/figure>\n\n\n\nWe now need to add a link to this anchor in our ‘Book Now’ button. To do this, double click on the button then navigate to link > Anchor > Anchor on this page > Select your anchor<\/p>\n\n\n\n![\"how](\"https:\/\/cdn2.f-cdn.com\/files\/download\/111169608\/38.jpg\")
<\/figure>\n\n\n\nAnd that’s it! <\/p>\n\n\n\n
To test a newly added web page function at any time, hit the ‘Preview’ button in the top right. <\/p>\n\n\n\n
There is also a Save option up there that’s worth checking every now and then. Wix is usually pretty quick with auto saving your work. You’ll see ‘Saved’ displayed in the top right when your work is autosaved, otherwise you can hit the ‘Save’ button.<\/p>\n\n\n\n
For small businesses offering services, Wix provides a gateway to process service purchases. <\/p>\n\n\n\n
To add a services blade hit that lovely plus icon on the left again (are you noticing a pattern yet?) then navigate to Bookings > Service list<\/p>\n\n\n\n
Double clicking on this services blade and clicking on ‘Manage Services’ will take you to the services dashboard where you can set your pricing and services details. <\/p>\n\n\n\n![\"how](\"https:\/\/cdn6.f-cdn.com\/files\/download\/111169606\/40.jpg\")
<\/figure>\n\n\n\nThere is even a booking calendar that will display all of your booked services. This booking management system also prevents double bookings so you can completely outsource your annoying booking admin to Wix. Pretty cool.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn2.f-cdn.com\/files\/download\/111169638\/41.jpg\")
<\/figure>\n\n\n\nYou will need to upgrade to the Wix Business Premium Plan to use this services feature.<\/p>\n\n\n\n
Adding new sections to a Wix template is a simple matter of hitting that plus icon on the left and dragging a new section into place. <\/p>\n\n\n\n
Let’s add a new quote block to this point. <\/p>\n\n\n\n![\"how](\"https:\/\/cdn3.f-cdn.com\/files\/download\/111169642\/42.jpg\")
<\/figure>\n\n\n\n![\"how](\"https:\/\/cdn6.f-cdn.com\/files\/download\/111169650\/43.jpg\")
<\/figure>\n\n\n\nTo change the background of the right column, click on the background and then select ‘Change column background’<\/p>\n\n\n\n
To reposition any of the elements in the block, click on them and drag them into place. <\/p>\n\n\n\n![\"how](\"https:\/\/cdn5.f-cdn.com\/files\/download\/111169658\/44.jpg\")
<\/figure>\n\n\n\nHow to insert a contact form with Wix <\/h4>\n\n\n\n
Lets create a Contact Us page and insert a contact form. To do this we’ll navigate to the drop down pages menu in the top left then select ‘Manage Pages’<\/p>\n\n\n\n![\"how](\"https:\/\/cdn6.f-cdn.com\/files\/download\/111169668\/45.jpg\")
<\/figure>\n\n\n\nThis is also how you access other pages of your website you want to edit, select them from this drop down menu.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn3.f-cdn.com\/files\/download\/111169728\/46.jpg\")
<\/figure>\n\n\n\nAfter clicking ‘Managing Pages’ we’ll then select ‘Add Page’ and name our new page.<\/p>\n\n\n\n![\"how](\"https:\/\/cdn2.f-cdn.com\/files\/download\/111169725\/47.jpg\")
<\/figure>\n\n\n\nTo insert a form on the page, select the plus icon from the left menu > Contact & Forms and choose a contact form design.<\/p>\n\n\n\n
To pop the hood and tinker with the form settings, click on the form and then select ‘Form Settings’<\/p>\n\n\n\n
In the ‘Submit Message’ tab you can specify the form submission actions. This could be a redirect to another URL or a file download link if you’re offering free resources<\/a> to generate leads. <\/p>\n\n\n\nYou can also set an automation sequence that’s activated with each form submission. This could be as simple as a thank you email with next step prompts, or an instant chat message that automatically pops up with your custom message. <\/p>\n\n\n\n![\"how](\"https:\/\/cdn5.f-cdn.com\/files\/download\/111169730\/48.jpg\")
<\/figure>\n\n\n\n![\"how](\"https:\/\/cdn3.f-cdn.com\/files\/download\/111169733\/49.jpg\")
<\/figure>\n\n\n\nWix for small businesses final thoughts<\/h3>\n\n\n\n
We hate to admit it, but Wix’s obnoxious ads are actually true. You really can create a stunning website in minutes with Wix. Even though Wix has a greater variety of web templates, they’re still eclipsed by Squarespace’s stunning designs. That being said, the impressive breadth of website functionality on offer means that any small business can create a powerful website with Wix without knowing a single line of coding.<\/p>\n\n\n\n
Building a small business website with Weebly<\/h3>\n\n\n\n
Weebly is a powerful website builder that offers a free subscription, so if you’re a s<\/a>startup in desperate need of funding<\/a> you can create a Weebly website without begging your parents for some cash (again).<\/p>\n\n\n\nWeebly pricing for small businesses <\/h4>\n\n\n\n
Weebly offers 4 different subscription plans.<\/p>\n\n\n\n
Free plan: $0\/month<\/h5>\n\n\n\n- Displays a Weebly ad at the bottom of every page<\/li>
- Does not support ecommerce website<\/li>
- URL is a subdomain of Weebly <\/li><\/ul>\n\n\n\n
Personal plan: $9\/month, or $6\/month billed annually <\/h5>\n\n\n\n- Clean customizable URL<\/li>
- Weebly ads are still displayed.<\/li><\/ul>\n\n\n\n
Professional plan: $16\/month, or $12\/month billed annually <\/h5>\n\n\n\n- Removes all Weebly ads<\/li>
- Clean and customizable domain name<\/li>
- Supports ecommerce websites<\/li>
- Unlimited storage space<\/li><\/ul>\n\n\n\n
Performance plan: $29\/month, or $26\/month billed annually <\/h5>\n\n\n\n- Everything offered in the Professional plan<\/li>
- Advanced ecommerce features such as automated abandoned cart emails and integrated shipping solutions.<\/li><\/ul>\n\n\n\n
How to build a small business website with Weebly<\/h3>\n\n\n\n
We will be assessing Weebly’s free subscription. After s<\/a>signing up to a Weebly account<\/a> we are asked to select the type of site we want to build. Since we are creating a website for a small business we’ll select an ecommerce store.<\/p>\n\n\n\nThis then takes us to the quick set up process where we’re asked to specify a website name and business address. Once that’s done and our template design is selected, we can start designing.<\/p>\n\n\n\n
Business Plan: $26\/month, or $18\/month billed annually<\/h5>\n\n\n\n- All features offered in Personal Plan<\/li>
- Minimal plan for selling products online<\/li><\/ul>\n\n\n\n
Basic Commerce Plan: $30\/month, or $26\/month billed annually<\/h5>\n\n\n\n- All Squarespace transaction fees removed from online sales<\/li>
- Ecommerce integration with instagram<\/li>
- Sales analytics <\/li><\/ul>\n\n\n\n
Advanced Commerce Plan: $46\/month, or $40\/month billed annually<\/h5>\n\n\n\n- All features in Basic Commerce plan<\/li>
- Abandoned cart recovery emails <\/li>
- API integrations for 3rd party software<\/li>
- Integrated shipping solutions<\/li><\/ul>\n\n\n\n
How to build a small business website with Squarespace<\/h3>\n\n\n\n
Now let’s attempt to actually build a small business website from scratch using Squarespace. The first thing you’ll need to do is sign up to a Squarespace accoun<\/a>t<\/a>. It’s free to sign up and build a website but you’ll need to sign up to a paid subscription to publish your website on the internet. <\/p>\n\n\n\nOnce signed up, the first thing we’ll need to do is select a template design to edit. This is what makes building a website with Squarespace so quick and easy, once your template is selected it’s then a simple matter of editing the text and images to reflect your business identity. Adding additional elements is also seamless, we’ll show you how to do that too.<\/p>\n\n\n\n
With our template design selected, we’ll click on ‘start with this design’ and then follow the quick step by step setup to upload our logo, select our color scheme and topography style.<\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n
Need a logo for your small business? Click here to hire a creative freelance designer now
<\/a><\/strong><\/em><\/p>\n\n\n\n<\/figure>\n\n\n\nOnce the quick setup is complete, we’re taken to the entry screen for our website builder. At this point it’s a good idea to create all the pages you’ll need for your website. <\/p>\n\n\n\n
If you’re not sure which pages your website needs, our post about Sitemap design<\/a> will help you. <\/p>\n\n\n\nTo create a new page click on pages in the left hand menu, followed by the plus icon. <\/p>\n\n\n\n<\/figure>\n\n\n\n To delete an existing page, click on its corresponding cog and then scroll down to ‘delete page’<\/p>\n\n\n\n<\/figure>\n\n\n\nYou’ll also notice an SEO option in the left menu. This will allow you to edit the title and meta description of each page which makes optimizing all of your website pages<\/a> to rank on page 1 of Google super easy.<\/p>\n\n\n\nTo start editing your website design, select a page and then click ‘edit’ at the top. <\/p>\n\n\n\n<\/figure>\n\n\n\nLet’s make this home page our own.<\/p>\n\n\n\n
First we’ll edit the headline and tagline. To do that, click on each text field and type over it. This is how you edit all text fields.<\/p>\n\n\n\n
To edit the button text, click on the button and then the pencil icon.<\/p>\n\n\n\n<\/figure>\n\n\n\nTo change the background image, we’ll hover over the background and then click on its associated pencil icon. <\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nTo change the opacity of the background image (make it darker or lighter) click on its pencil edit icon, navigate to ‘background’ and then adjust the opacity slider to your liking.<\/p>\n\n\n\n<\/figure>\n\n\n\nTo save your work, hover over the ‘Done’ option in the top left and then click ‘Save’. Make a habit of always hitting that save button to keep your hard work preserved.<\/p>\n\n\n\n
How to add an anchor link with Squarespace<\/h4>\n\n\n\n
When an anchor link is clicked, a web page scrolls down to a specified location. Let’s add an anchor link to our orange ‘Learn more’ button so that when it’s clicked, the page scrolls down to the first block of content underneath.<\/p>\n\n\n\n
First, we’ll add an anchor point to our intended destination. We’ll hover over the title of our scroll destination until we see a black bulb indicating an entry point like so:<\/p>\n\n\n\n<\/figure>\n\n\n\nClicking on the black bulb will reveal all of the elements we can add in this spot. We need to select a code block.<\/p>\n\n\n\n<\/figure>\n\n\n\nEven though Squarespace is a codeless web builder, we need to insert some HTML code into this code block. Don’t worry we’ll make it really easy for you.<\/p>\n\n\n\n
First we need to think of an anchor ID for this location. To help you keep track of all your anchor ID’s make them relevant to their locations by summarizing the headline they are referring to. <\/p>\n\n\n\n
Here is our anchor ID:<\/p>\n\n\n\n
meetingroomsbooked <\/p>\n\n\n\n
An anchor ID can’t include any spaces.<\/p>\n\n\n\n
Now, we need to insert our anchor ID into this line of HTML code and replace ANCHORID with our ID:<\/p>\n\n\n\n
<p id=”ANCHORID”> <\/p?<\/p>\n\n\n\n
Make sure you include a space between the two opposing brackets towards the end so that your anchor ID is hidden and not displayed as text.<\/p>\n\n\n\n<\/figure>\n\n\n\nWe now need to insert an anchor link into our button that points to this anchor ID.<\/p>\n\n\n\n
The anchor link is simply a hashtag followed by our anchor ID, so in our case it will be <\/p>\n\n\n\n
#meetingroomsbooked<\/p>\n\n\n\n
To add this anchor link to our button, we’ll click on the button’s edit option and then paste this URL in the clickthrough field.<\/p>\n\n\n\n<\/figure>\n\n\n\nHow to add a new section with Squarespace<\/h4>\n\n\n\n
To insert additional sections into your Squarespace template simply click the plus icon and choose the item you want to add at that point.<\/p>\n\n\n\n
Let’s add a new section beneath our text block.<\/p>\n\n\n\n<\/figure>\n\n\n\nSquarespace offers a variety of section designs that can be added. Clicking the categories on the left will preview all the associated section designs to help you choose the optimum design.<\/p>\n\n\n\n
We want to insert a pictured list.<\/p>\n\n\n\n<\/figure>\n\n\n\nEditing this new section is the exact same process as before, simply clicking the edit icons and modify its contents.<\/p>\n\n\n\n<\/figure>\n\n\n\nHow to add an ecommerce store to a Squarespace website <\/h4>\n\n\n\n
Let’s turn up the technical meter and append an ecommerce store to our website. We’ll make this button link to our online store.<\/p>\n\n\n\n<\/figure>\n\n\n\nTo add an online store, navigate to pages, click the plus icon and then select ‘Store’<\/p>\n\n\n\n<\/figure>\n\n\n\nKeep in mind that you’ll need to sign up to at least the basic commerce plan to facilitate an online store.<\/p>\n\n\n\n
Next, select your online store design. We’ll choose the second option.<\/p>\n\n\n\n<\/figure>\n\n\n\nTo edit any of the products simply click on them and then select ‘edit product’ at the top.<\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nTo rearrange any of the store products, click on them and drag them into your preferred order.<\/p>\n\n\n\n<\/figure>\n\n\n\nTo delete a product, double click and then select ‘Delete’<\/p>\n\n\n\n<\/figure>\n\n\n\nHow to add a contact form with Squarespace<\/h4>\n\n\n\n
To make the most of every visitor you need to offer them the opportunity of seamlessly initiating contact. The most effective way of doing this on a budget is with a well placed contact form. <\/p>\n\n\n\n
Here’s how you add a contact form with Squarespace.<\/p>\n\n\n\n
Click on the plus icon in the area you want to insert a contact form.<\/p>\n\n\n\n<\/figure>\n\n\n\nThen select a from style within the form category.<\/p>\n\n\n\n<\/figure>\n\n\n\nOnce inserted, click on any of the fields to edit them. <\/p>\n\n\n\n<\/figure>\n\n\n\nSquarespace for small businesses final thoughts<\/h3>\n\n\n\n
Squarespace is an intuitive website builder offering a gorgeous selection of readily editable templates. With Squarespace you always have the option of upgrading your display website to an ecommerce store within just a few clicks. Squarespace is a great choice for small businesses that want to leave a lasting impact on their visitors without the heavy web development agency price tag<\/p>\n\n\n\n
Building a small business website with Wix<\/h3>\n\n\n\n
We move on from Squarespace to its greatest rival, Wix. You may not have heard of Wix before, they’re rather ‘subtle’ with they’re advertising efforts. It’s not like they troll every Youtube video you watch or anything.<\/p>\n\n\n\n
In fact, because you’re reading this post, don’t be surprised if in the near future, your houseplants start transmitting messages about how easy it is to build a website with Wix.<\/p>\n\n\n\n
All jokes aside, let’s see whether a small business really can build a Wix website in minutes.<\/p>\n\n\n\n
Wix pricing for small businesses<\/h4>\n\n\n\n
There are 8 different Wix pricing plans to choose from but only the business plans offer ecommerce functionality. <\/p>\n\n\n\n
Free Plan<\/h5>\n\n\n\n- Wix ads are displayed on all pages of website<\/li>
- Website URL is a branded subdomain. Example, username.wixsite.com\/siteaddress<\/li>
- 500MB storage<\/li>
- 500MB bandwidth<\/li><\/ul>\n\n\n\n
Combo plan $10\/month (billed yearly) <\/h5>\n\n\n\n- Removes Wix ads<\/li>
- Clean custom URL with Wix branding removed<\/li>
- 3GB file storage limit<\/li>
- 2GB bandwidth limit<\/li><\/ul>\n\n\n\n
Unlimited plan $14\/month (billed yearly) <\/h5>\n\n\n\n- Unlimited bandwidth<\/li>
- 10GB storage<\/li>
- All Wix ads removed<\/li>
- Visitor analytics <\/li><\/ul>\n\n\n\n
Pro plan $19\/month (billed yearly) <\/h5>\n\n\n\n- Everything in Unlimited Plan<\/li>
- Unlimited bandwidth<\/li>
- 20GB storage<\/li>
- Clean custom domain <\/li>
- 2 hour HD video upload limit <\/li><\/ul>\n\n\n\n
VIP plan $27\/month (billed yearly) <\/h5>\n\n\n\n- Everything in pro plan<\/li>
- Priority support <\/li><\/ul>\n\n\n\n
Business basic plan $18\/month (billed yearly) <\/h5>\n\n\n\n- Minimum plan for ecommerce websites<\/li>
- Unlimited bandwidth<\/li>
- 20GB storage<\/li>
- 5 hours of HD video upload limit<\/li><\/ul>\n\n\n\n
Business unlimited plan $28\/month (billed yearly) <\/p>\n\n\n\n
- Everything offered in Business Basic Plan<\/li>
- 35GB storage limit<\/li>
- 10 hours of HD video uploads<\/li><\/ul>\n\n\n\n
Business VIP plan $38\/month (billed yearly) <\/h5>\n\n\n\n- Everything offered in unlimited plan<\/li>
- Priority support<\/li><\/ul>\n\n\n\n
How to build a small business website with Wix<\/h3>\n\n\n\n
Now let’s sit ourselves behind the controls and test Wix’s website building capabilities.<\/p>\n\n\n\n
After signing up to a free Wix account<\/a> we are presented with two different building options, we can either build a website with Wix ADI or via the conventional builder.<\/p>\n\n\n\n<\/figure>\n\n\n\nWix ADI auto builds a website based on your answers to a series of questions, then, all you have to do is replace the text and images.<\/p>\n\n\n\n
Creating a website through the Wix Editor gives you more control over its features and aesthetics so we’ll choose that option. <\/p>\n\n\n\n
We then need to choose a template design to work with. Wix has over 300 template designs (3x more than Squarespace!) so it might take you some time to choose one. Our post discussing 11 amazing free Wix templates<\/a> might help speed up your decision. <\/p>\n\n\n\nOnce you’ve chosen a template, click ‘edit’ to start sculpting it.<\/p>\n\n\n\n
Clicking on any of the text fields will allow us to instantly type over them. <\/p>\n\n\n\n<\/figure>\n\n\n\nTo change the font or text sizing, double clicking on a text field will display its customization options. Make sure you highlight all of the text you want to adjust. <\/p>\n\n\n\n<\/figure>\n\n\n\nTo delete an element with Wix simply right click and select delete.<\/p>\n\n\n\n
Undoing an action in Wix is the same process you follow on your computer. Hit CTRL+Z on Windows and Command + Z on a mac <\/p>\n\n\n\n
To change the background image, click on it and then select the ‘Change Strip Background’ button. You can replace the background image with a video if you like, but this does deplete some web storage. Using a compressed image will save your storage space while ensuring your website follows best SEO practices<\/a> by loading as fast as possible.<\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nTo make our headline text more readable, we’ll need to decrease the opacity of the background image. To do this click on the background image > Change Strip Background > Settings, and then adjust the opacity slider.<\/p>\n\n\n\n<\/figure>\n\n\n\nHow to add an anchor link with Wix<\/h4>\n\n\n\n
Let’s add an anchor link to that when visitors press the ‘Book Now’ button on our banner, the webpage automatically scrolls down to a specified location, which is our case is the title of our next content block.<\/p>\n\n\n\n<\/figure>\n\n\n\nThe first thing we’ll need to do is drag and drop an anchor to our scroll destination. To do this click on the plus icon on the left then navigate to Menu > Anchors > and drag and drop the anchor into plac. <\/p>\n\n\n\n<\/figure>\n\n\n\nOnce the anchor is dropped into place we;ll need to give it a unique identity. To help you keep track of multiple anchors on the same page, give it the same name as the text it’s linking to. For best web development practices, don’t include any spaces.<\/p>\n\n\n\n<\/figure>\n\n\n\nYou should then see a nice visual representation of your anchor’s location.<\/p>\n\n\n\n<\/figure>\n\n\n\nWe now need to add a link to this anchor in our ‘Book Now’ button. To do this, double click on the button then navigate to link > Anchor > Anchor on this page > Select your anchor<\/p>\n\n\n\n<\/figure>\n\n\n\nAnd that’s it! <\/p>\n\n\n\n
To test a newly added web page function at any time, hit the ‘Preview’ button in the top right. <\/p>\n\n\n\n
There is also a Save option up there that’s worth checking every now and then. Wix is usually pretty quick with auto saving your work. You’ll see ‘Saved’ displayed in the top right when your work is autosaved, otherwise you can hit the ‘Save’ button.<\/p>\n\n\n\n
For small businesses offering services, Wix provides a gateway to process service purchases. <\/p>\n\n\n\n
To add a services blade hit that lovely plus icon on the left again (are you noticing a pattern yet?) then navigate to Bookings > Service list<\/p>\n\n\n\n
Double clicking on this services blade and clicking on ‘Manage Services’ will take you to the services dashboard where you can set your pricing and services details. <\/p>\n\n\n\n<\/figure>\n\n\n\nThere is even a booking calendar that will display all of your booked services. This booking management system also prevents double bookings so you can completely outsource your annoying booking admin to Wix. Pretty cool.<\/p>\n\n\n\n<\/figure>\n\n\n\nYou will need to upgrade to the Wix Business Premium Plan to use this services feature.<\/p>\n\n\n\n
Adding new sections to a Wix template is a simple matter of hitting that plus icon on the left and dragging a new section into place. <\/p>\n\n\n\n
Let’s add a new quote block to this point. <\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nTo change the background of the right column, click on the background and then select ‘Change column background’<\/p>\n\n\n\n
To reposition any of the elements in the block, click on them and drag them into place. <\/p>\n\n\n\n<\/figure>\n\n\n\nHow to insert a contact form with Wix <\/h4>\n\n\n\n
Lets create a Contact Us page and insert a contact form. To do this we’ll navigate to the drop down pages menu in the top left then select ‘Manage Pages’<\/p>\n\n\n\n<\/figure>\n\n\n\nThis is also how you access other pages of your website you want to edit, select them from this drop down menu.<\/p>\n\n\n\n<\/figure>\n\n\n\nAfter clicking ‘Managing Pages’ we’ll then select ‘Add Page’ and name our new page.<\/p>\n\n\n\n<\/figure>\n\n\n\nTo insert a form on the page, select the plus icon from the left menu > Contact & Forms and choose a contact form design.<\/p>\n\n\n\n
To pop the hood and tinker with the form settings, click on the form and then select ‘Form Settings’<\/p>\n\n\n\n
In the ‘Submit Message’ tab you can specify the form submission actions. This could be a redirect to another URL or a file download link if you’re offering free resources<\/a> to generate leads. <\/p>\n\n\n\nYou can also set an automation sequence that’s activated with each form submission. This could be as simple as a thank you email with next step prompts, or an instant chat message that automatically pops up with your custom message. <\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nWix for small businesses final thoughts<\/h3>\n\n\n\n
We hate to admit it, but Wix’s obnoxious ads are actually true. You really can create a stunning website in minutes with Wix. Even though Wix has a greater variety of web templates, they’re still eclipsed by Squarespace’s stunning designs. That being said, the impressive breadth of website functionality on offer means that any small business can create a powerful website with Wix without knowing a single line of coding.<\/p>\n\n\n\n
Building a small business website with Weebly<\/h3>\n\n\n\n
Weebly is a powerful website builder that offers a free subscription, so if you’re a s<\/a>startup in desperate need of funding<\/a> you can create a Weebly website without begging your parents for some cash (again).<\/p>\n\n\n\nWeebly pricing for small businesses <\/h4>\n\n\n\n
Weebly offers 4 different subscription plans.<\/p>\n\n\n\n
Free plan: $0\/month<\/h5>\n\n\n\n- Displays a Weebly ad at the bottom of every page<\/li>
- Does not support ecommerce website<\/li>
- URL is a subdomain of Weebly <\/li><\/ul>\n\n\n\n
Personal plan: $9\/month, or $6\/month billed annually <\/h5>\n\n\n\n- Clean customizable URL<\/li>
- Weebly ads are still displayed.<\/li><\/ul>\n\n\n\n
Professional plan: $16\/month, or $12\/month billed annually <\/h5>\n\n\n\n- Removes all Weebly ads<\/li>
- Clean and customizable domain name<\/li>
- Supports ecommerce websites<\/li>
- Unlimited storage space<\/li><\/ul>\n\n\n\n
Performance plan: $29\/month, or $26\/month billed annually <\/h5>\n\n\n\n- Everything offered in the Professional plan<\/li>
- Advanced ecommerce features such as automated abandoned cart emails and integrated shipping solutions.<\/li><\/ul>\n\n\n\n
How to build a small business website with Weebly<\/h3>\n\n\n\n
We will be assessing Weebly’s free subscription. After s<\/a>signing up to a Weebly account<\/a> we are asked to select the type of site we want to build. Since we are creating a website for a small business we’ll select an ecommerce store.<\/p>\n\n\n\nThis then takes us to the quick set up process where we’re asked to specify a website name and business address. Once that’s done and our template design is selected, we can start designing.<\/p>\n\n\n\n
Basic Commerce Plan: $30\/month, or $26\/month billed annually<\/h5>\n\n\n\n- All Squarespace transaction fees removed from online sales<\/li>
- Ecommerce integration with instagram<\/li>
- Sales analytics <\/li><\/ul>\n\n\n\n
Advanced Commerce Plan: $46\/month, or $40\/month billed annually<\/h5>\n\n\n\n- All features in Basic Commerce plan<\/li>
- Abandoned cart recovery emails <\/li>
- API integrations for 3rd party software<\/li>
- Integrated shipping solutions<\/li><\/ul>\n\n\n\n
How to build a small business website with Squarespace<\/h3>\n\n\n\n
Now let’s attempt to actually build a small business website from scratch using Squarespace. The first thing you’ll need to do is sign up to a Squarespace accoun<\/a>t<\/a>. It’s free to sign up and build a website but you’ll need to sign up to a paid subscription to publish your website on the internet. <\/p>\n\n\n\nOnce signed up, the first thing we’ll need to do is select a template design to edit. This is what makes building a website with Squarespace so quick and easy, once your template is selected it’s then a simple matter of editing the text and images to reflect your business identity. Adding additional elements is also seamless, we’ll show you how to do that too.<\/p>\n\n\n\n
With our template design selected, we’ll click on ‘start with this design’ and then follow the quick step by step setup to upload our logo, select our color scheme and topography style.<\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n
Need a logo for your small business? Click here to hire a creative freelance designer now
<\/a><\/strong><\/em><\/p>\n\n\n\n<\/figure>\n\n\n\nOnce the quick setup is complete, we’re taken to the entry screen for our website builder. At this point it’s a good idea to create all the pages you’ll need for your website. <\/p>\n\n\n\n
If you’re not sure which pages your website needs, our post about Sitemap design<\/a> will help you. <\/p>\n\n\n\nTo create a new page click on pages in the left hand menu, followed by the plus icon. <\/p>\n\n\n\n<\/figure>\n\n\n\n To delete an existing page, click on its corresponding cog and then scroll down to ‘delete page’<\/p>\n\n\n\n<\/figure>\n\n\n\nYou’ll also notice an SEO option in the left menu. This will allow you to edit the title and meta description of each page which makes optimizing all of your website pages<\/a> to rank on page 1 of Google super easy.<\/p>\n\n\n\nTo start editing your website design, select a page and then click ‘edit’ at the top. <\/p>\n\n\n\n<\/figure>\n\n\n\nLet’s make this home page our own.<\/p>\n\n\n\n
First we’ll edit the headline and tagline. To do that, click on each text field and type over it. This is how you edit all text fields.<\/p>\n\n\n\n
To edit the button text, click on the button and then the pencil icon.<\/p>\n\n\n\n<\/figure>\n\n\n\nTo change the background image, we’ll hover over the background and then click on its associated pencil icon. <\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nTo change the opacity of the background image (make it darker or lighter) click on its pencil edit icon, navigate to ‘background’ and then adjust the opacity slider to your liking.<\/p>\n\n\n\n<\/figure>\n\n\n\nTo save your work, hover over the ‘Done’ option in the top left and then click ‘Save’. Make a habit of always hitting that save button to keep your hard work preserved.<\/p>\n\n\n\n
How to add an anchor link with Squarespace<\/h4>\n\n\n\n
When an anchor link is clicked, a web page scrolls down to a specified location. Let’s add an anchor link to our orange ‘Learn more’ button so that when it’s clicked, the page scrolls down to the first block of content underneath.<\/p>\n\n\n\n
First, we’ll add an anchor point to our intended destination. We’ll hover over the title of our scroll destination until we see a black bulb indicating an entry point like so:<\/p>\n\n\n\n<\/figure>\n\n\n\nClicking on the black bulb will reveal all of the elements we can add in this spot. We need to select a code block.<\/p>\n\n\n\n<\/figure>\n\n\n\nEven though Squarespace is a codeless web builder, we need to insert some HTML code into this code block. Don’t worry we’ll make it really easy for you.<\/p>\n\n\n\n
First we need to think of an anchor ID for this location. To help you keep track of all your anchor ID’s make them relevant to their locations by summarizing the headline they are referring to. <\/p>\n\n\n\n
Here is our anchor ID:<\/p>\n\n\n\n
meetingroomsbooked <\/p>\n\n\n\n
An anchor ID can’t include any spaces.<\/p>\n\n\n\n
Now, we need to insert our anchor ID into this line of HTML code and replace ANCHORID with our ID:<\/p>\n\n\n\n
<p id=”ANCHORID”> <\/p?<\/p>\n\n\n\n
Make sure you include a space between the two opposing brackets towards the end so that your anchor ID is hidden and not displayed as text.<\/p>\n\n\n\n<\/figure>\n\n\n\nWe now need to insert an anchor link into our button that points to this anchor ID.<\/p>\n\n\n\n
The anchor link is simply a hashtag followed by our anchor ID, so in our case it will be <\/p>\n\n\n\n
#meetingroomsbooked<\/p>\n\n\n\n
To add this anchor link to our button, we’ll click on the button’s edit option and then paste this URL in the clickthrough field.<\/p>\n\n\n\n<\/figure>\n\n\n\nHow to add a new section with Squarespace<\/h4>\n\n\n\n
To insert additional sections into your Squarespace template simply click the plus icon and choose the item you want to add at that point.<\/p>\n\n\n\n
Let’s add a new section beneath our text block.<\/p>\n\n\n\n<\/figure>\n\n\n\nSquarespace offers a variety of section designs that can be added. Clicking the categories on the left will preview all the associated section designs to help you choose the optimum design.<\/p>\n\n\n\n
We want to insert a pictured list.<\/p>\n\n\n\n<\/figure>\n\n\n\nEditing this new section is the exact same process as before, simply clicking the edit icons and modify its contents.<\/p>\n\n\n\n<\/figure>\n\n\n\nHow to add an ecommerce store to a Squarespace website <\/h4>\n\n\n\n
Let’s turn up the technical meter and append an ecommerce store to our website. We’ll make this button link to our online store.<\/p>\n\n\n\n<\/figure>\n\n\n\nTo add an online store, navigate to pages, click the plus icon and then select ‘Store’<\/p>\n\n\n\n<\/figure>\n\n\n\nKeep in mind that you’ll need to sign up to at least the basic commerce plan to facilitate an online store.<\/p>\n\n\n\n
Next, select your online store design. We’ll choose the second option.<\/p>\n\n\n\n<\/figure>\n\n\n\nTo edit any of the products simply click on them and then select ‘edit product’ at the top.<\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nTo rearrange any of the store products, click on them and drag them into your preferred order.<\/p>\n\n\n\n<\/figure>\n\n\n\nTo delete a product, double click and then select ‘Delete’<\/p>\n\n\n\n<\/figure>\n\n\n\nHow to add a contact form with Squarespace<\/h4>\n\n\n\n
To make the most of every visitor you need to offer them the opportunity of seamlessly initiating contact. The most effective way of doing this on a budget is with a well placed contact form. <\/p>\n\n\n\n
Here’s how you add a contact form with Squarespace.<\/p>\n\n\n\n
Click on the plus icon in the area you want to insert a contact form.<\/p>\n\n\n\n<\/figure>\n\n\n\nThen select a from style within the form category.<\/p>\n\n\n\n<\/figure>\n\n\n\nOnce inserted, click on any of the fields to edit them. <\/p>\n\n\n\n<\/figure>\n\n\n\nSquarespace for small businesses final thoughts<\/h3>\n\n\n\n
Squarespace is an intuitive website builder offering a gorgeous selection of readily editable templates. With Squarespace you always have the option of upgrading your display website to an ecommerce store within just a few clicks. Squarespace is a great choice for small businesses that want to leave a lasting impact on their visitors without the heavy web development agency price tag<\/p>\n\n\n\n
Building a small business website with Wix<\/h3>\n\n\n\n
We move on from Squarespace to its greatest rival, Wix. You may not have heard of Wix before, they’re rather ‘subtle’ with they’re advertising efforts. It’s not like they troll every Youtube video you watch or anything.<\/p>\n\n\n\n
In fact, because you’re reading this post, don’t be surprised if in the near future, your houseplants start transmitting messages about how easy it is to build a website with Wix.<\/p>\n\n\n\n
All jokes aside, let’s see whether a small business really can build a Wix website in minutes.<\/p>\n\n\n\n
Wix pricing for small businesses<\/h4>\n\n\n\n
There are 8 different Wix pricing plans to choose from but only the business plans offer ecommerce functionality. <\/p>\n\n\n\n
Free Plan<\/h5>\n\n\n\n- Wix ads are displayed on all pages of website<\/li>
- Website URL is a branded subdomain. Example, username.wixsite.com\/siteaddress<\/li>
- 500MB storage<\/li>
- 500MB bandwidth<\/li><\/ul>\n\n\n\n
Combo plan $10\/month (billed yearly) <\/h5>\n\n\n\n- Removes Wix ads<\/li>
- Clean custom URL with Wix branding removed<\/li>
- 3GB file storage limit<\/li>
- 2GB bandwidth limit<\/li><\/ul>\n\n\n\n
Unlimited plan $14\/month (billed yearly) <\/h5>\n\n\n\n- Unlimited bandwidth<\/li>
- 10GB storage<\/li>
- All Wix ads removed<\/li>
- Visitor analytics <\/li><\/ul>\n\n\n\n
Pro plan $19\/month (billed yearly) <\/h5>\n\n\n\n- Everything in Unlimited Plan<\/li>
- Unlimited bandwidth<\/li>
- 20GB storage<\/li>
- Clean custom domain <\/li>
- 2 hour HD video upload limit <\/li><\/ul>\n\n\n\n
VIP plan $27\/month (billed yearly) <\/h5>\n\n\n\n- Everything in pro plan<\/li>
- Priority support <\/li><\/ul>\n\n\n\n
Business basic plan $18\/month (billed yearly) <\/h5>\n\n\n\n- Minimum plan for ecommerce websites<\/li>
- Unlimited bandwidth<\/li>
- 20GB storage<\/li>
- 5 hours of HD video upload limit<\/li><\/ul>\n\n\n\n
Business unlimited plan $28\/month (billed yearly) <\/p>\n\n\n\n
- Everything offered in Business Basic Plan<\/li>
- 35GB storage limit<\/li>
- 10 hours of HD video uploads<\/li><\/ul>\n\n\n\n
Business VIP plan $38\/month (billed yearly) <\/h5>\n\n\n\n- Everything offered in unlimited plan<\/li>
- Priority support<\/li><\/ul>\n\n\n\n
How to build a small business website with Wix<\/h3>\n\n\n\n
Now let’s sit ourselves behind the controls and test Wix’s website building capabilities.<\/p>\n\n\n\n
After signing up to a free Wix account<\/a> we are presented with two different building options, we can either build a website with Wix ADI or via the conventional builder.<\/p>\n\n\n\n<\/figure>\n\n\n\nWix ADI auto builds a website based on your answers to a series of questions, then, all you have to do is replace the text and images.<\/p>\n\n\n\n
Creating a website through the Wix Editor gives you more control over its features and aesthetics so we’ll choose that option. <\/p>\n\n\n\n
We then need to choose a template design to work with. Wix has over 300 template designs (3x more than Squarespace!) so it might take you some time to choose one. Our post discussing 11 amazing free Wix templates<\/a> might help speed up your decision. <\/p>\n\n\n\nOnce you’ve chosen a template, click ‘edit’ to start sculpting it.<\/p>\n\n\n\n
Clicking on any of the text fields will allow us to instantly type over them. <\/p>\n\n\n\n<\/figure>\n\n\n\nTo change the font or text sizing, double clicking on a text field will display its customization options. Make sure you highlight all of the text you want to adjust. <\/p>\n\n\n\n<\/figure>\n\n\n\nTo delete an element with Wix simply right click and select delete.<\/p>\n\n\n\n
Undoing an action in Wix is the same process you follow on your computer. Hit CTRL+Z on Windows and Command + Z on a mac <\/p>\n\n\n\n
To change the background image, click on it and then select the ‘Change Strip Background’ button. You can replace the background image with a video if you like, but this does deplete some web storage. Using a compressed image will save your storage space while ensuring your website follows best SEO practices<\/a> by loading as fast as possible.<\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nTo make our headline text more readable, we’ll need to decrease the opacity of the background image. To do this click on the background image > Change Strip Background > Settings, and then adjust the opacity slider.<\/p>\n\n\n\n<\/figure>\n\n\n\nHow to add an anchor link with Wix<\/h4>\n\n\n\n
Let’s add an anchor link to that when visitors press the ‘Book Now’ button on our banner, the webpage automatically scrolls down to a specified location, which is our case is the title of our next content block.<\/p>\n\n\n\n<\/figure>\n\n\n\nThe first thing we’ll need to do is drag and drop an anchor to our scroll destination. To do this click on the plus icon on the left then navigate to Menu > Anchors > and drag and drop the anchor into plac. <\/p>\n\n\n\n<\/figure>\n\n\n\nOnce the anchor is dropped into place we;ll need to give it a unique identity. To help you keep track of multiple anchors on the same page, give it the same name as the text it’s linking to. For best web development practices, don’t include any spaces.<\/p>\n\n\n\n<\/figure>\n\n\n\nYou should then see a nice visual representation of your anchor’s location.<\/p>\n\n\n\n<\/figure>\n\n\n\nWe now need to add a link to this anchor in our ‘Book Now’ button. To do this, double click on the button then navigate to link > Anchor > Anchor on this page > Select your anchor<\/p>\n\n\n\n<\/figure>\n\n\n\nAnd that’s it! <\/p>\n\n\n\n
To test a newly added web page function at any time, hit the ‘Preview’ button in the top right. <\/p>\n\n\n\n
There is also a Save option up there that’s worth checking every now and then. Wix is usually pretty quick with auto saving your work. You’ll see ‘Saved’ displayed in the top right when your work is autosaved, otherwise you can hit the ‘Save’ button.<\/p>\n\n\n\n
For small businesses offering services, Wix provides a gateway to process service purchases. <\/p>\n\n\n\n
To add a services blade hit that lovely plus icon on the left again (are you noticing a pattern yet?) then navigate to Bookings > Service list<\/p>\n\n\n\n
Double clicking on this services blade and clicking on ‘Manage Services’ will take you to the services dashboard where you can set your pricing and services details. <\/p>\n\n\n\n<\/figure>\n\n\n\nThere is even a booking calendar that will display all of your booked services. This booking management system also prevents double bookings so you can completely outsource your annoying booking admin to Wix. Pretty cool.<\/p>\n\n\n\n<\/figure>\n\n\n\nYou will need to upgrade to the Wix Business Premium Plan to use this services feature.<\/p>\n\n\n\n
Adding new sections to a Wix template is a simple matter of hitting that plus icon on the left and dragging a new section into place. <\/p>\n\n\n\n
Let’s add a new quote block to this point. <\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nTo change the background of the right column, click on the background and then select ‘Change column background’<\/p>\n\n\n\n
To reposition any of the elements in the block, click on them and drag them into place. <\/p>\n\n\n\n<\/figure>\n\n\n\nHow to insert a contact form with Wix <\/h4>\n\n\n\n
Lets create a Contact Us page and insert a contact form. To do this we’ll navigate to the drop down pages menu in the top left then select ‘Manage Pages’<\/p>\n\n\n\n<\/figure>\n\n\n\nThis is also how you access other pages of your website you want to edit, select them from this drop down menu.<\/p>\n\n\n\n<\/figure>\n\n\n\nAfter clicking ‘Managing Pages’ we’ll then select ‘Add Page’ and name our new page.<\/p>\n\n\n\n<\/figure>\n\n\n\nTo insert a form on the page, select the plus icon from the left menu > Contact & Forms and choose a contact form design.<\/p>\n\n\n\n
To pop the hood and tinker with the form settings, click on the form and then select ‘Form Settings’<\/p>\n\n\n\n
In the ‘Submit Message’ tab you can specify the form submission actions. This could be a redirect to another URL or a file download link if you’re offering free resources<\/a> to generate leads. <\/p>\n\n\n\nYou can also set an automation sequence that’s activated with each form submission. This could be as simple as a thank you email with next step prompts, or an instant chat message that automatically pops up with your custom message. <\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nWix for small businesses final thoughts<\/h3>\n\n\n\n
We hate to admit it, but Wix’s obnoxious ads are actually true. You really can create a stunning website in minutes with Wix. Even though Wix has a greater variety of web templates, they’re still eclipsed by Squarespace’s stunning designs. That being said, the impressive breadth of website functionality on offer means that any small business can create a powerful website with Wix without knowing a single line of coding.<\/p>\n\n\n\n
Building a small business website with Weebly<\/h3>\n\n\n\n
Weebly is a powerful website builder that offers a free subscription, so if you’re a s<\/a>startup in desperate need of funding<\/a> you can create a Weebly website without begging your parents for some cash (again).<\/p>\n\n\n\nWeebly pricing for small businesses <\/h4>\n\n\n\n
Weebly offers 4 different subscription plans.<\/p>\n\n\n\n
Free plan: $0\/month<\/h5>\n\n\n\n- Displays a Weebly ad at the bottom of every page<\/li>
- Does not support ecommerce website<\/li>
- URL is a subdomain of Weebly <\/li><\/ul>\n\n\n\n
Personal plan: $9\/month, or $6\/month billed annually <\/h5>\n\n\n\n- Clean customizable URL<\/li>
- Weebly ads are still displayed.<\/li><\/ul>\n\n\n\n
Professional plan: $16\/month, or $12\/month billed annually <\/h5>\n\n\n\n- Removes all Weebly ads<\/li>
- Clean and customizable domain name<\/li>
- Supports ecommerce websites<\/li>
- Unlimited storage space<\/li><\/ul>\n\n\n\n
Performance plan: $29\/month, or $26\/month billed annually <\/h5>\n\n\n\n- Everything offered in the Professional plan<\/li>
- Advanced ecommerce features such as automated abandoned cart emails and integrated shipping solutions.<\/li><\/ul>\n\n\n\n
How to build a small business website with Weebly<\/h3>\n\n\n\n
We will be assessing Weebly’s free subscription. After s<\/a>signing up to a Weebly account<\/a> we are asked to select the type of site we want to build. Since we are creating a website for a small business we’ll select an ecommerce store.<\/p>\n\n\n\nThis then takes us to the quick set up process where we’re asked to specify a website name and business address. Once that’s done and our template design is selected, we can start designing.<\/p>\n\n\n\n
Advanced Commerce Plan: $46\/month, or $40\/month billed annually<\/h5>\n\n\n\n- All features in Basic Commerce plan<\/li>
- Abandoned cart recovery emails <\/li>
- API integrations for 3rd party software<\/li>
- Integrated shipping solutions<\/li><\/ul>\n\n\n\n
How to build a small business website with Squarespace<\/h3>\n\n\n\n
Now let’s attempt to actually build a small business website from scratch using Squarespace. The first thing you’ll need to do is sign up to a Squarespace accoun<\/a>t<\/a>. It’s free to sign up and build a website but you’ll need to sign up to a paid subscription to publish your website on the internet. <\/p>\n\n\n\nOnce signed up, the first thing we’ll need to do is select a template design to edit. This is what makes building a website with Squarespace so quick and easy, once your template is selected it’s then a simple matter of editing the text and images to reflect your business identity. Adding additional elements is also seamless, we’ll show you how to do that too.<\/p>\n\n\n\n
With our template design selected, we’ll click on ‘start with this design’ and then follow the quick step by step setup to upload our logo, select our color scheme and topography style.<\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n
Need a logo for your small business? Click here to hire a creative freelance designer now
<\/a><\/strong><\/em><\/p>\n\n\n\n<\/figure>\n\n\n\nOnce the quick setup is complete, we’re taken to the entry screen for our website builder. At this point it’s a good idea to create all the pages you’ll need for your website. <\/p>\n\n\n\n
If you’re not sure which pages your website needs, our post about Sitemap design<\/a> will help you. <\/p>\n\n\n\nTo create a new page click on pages in the left hand menu, followed by the plus icon. <\/p>\n\n\n\n<\/figure>\n\n\n\n To delete an existing page, click on its corresponding cog and then scroll down to ‘delete page’<\/p>\n\n\n\n<\/figure>\n\n\n\nYou’ll also notice an SEO option in the left menu. This will allow you to edit the title and meta description of each page which makes optimizing all of your website pages<\/a> to rank on page 1 of Google super easy.<\/p>\n\n\n\nTo start editing your website design, select a page and then click ‘edit’ at the top. <\/p>\n\n\n\n<\/figure>\n\n\n\nLet’s make this home page our own.<\/p>\n\n\n\n
First we’ll edit the headline and tagline. To do that, click on each text field and type over it. This is how you edit all text fields.<\/p>\n\n\n\n
To edit the button text, click on the button and then the pencil icon.<\/p>\n\n\n\n<\/figure>\n\n\n\nTo change the background image, we’ll hover over the background and then click on its associated pencil icon. <\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nTo change the opacity of the background image (make it darker or lighter) click on its pencil edit icon, navigate to ‘background’ and then adjust the opacity slider to your liking.<\/p>\n\n\n\n<\/figure>\n\n\n\nTo save your work, hover over the ‘Done’ option in the top left and then click ‘Save’. Make a habit of always hitting that save button to keep your hard work preserved.<\/p>\n\n\n\n
How to add an anchor link with Squarespace<\/h4>\n\n\n\n
When an anchor link is clicked, a web page scrolls down to a specified location. Let’s add an anchor link to our orange ‘Learn more’ button so that when it’s clicked, the page scrolls down to the first block of content underneath.<\/p>\n\n\n\n
First, we’ll add an anchor point to our intended destination. We’ll hover over the title of our scroll destination until we see a black bulb indicating an entry point like so:<\/p>\n\n\n\n<\/figure>\n\n\n\nClicking on the black bulb will reveal all of the elements we can add in this spot. We need to select a code block.<\/p>\n\n\n\n<\/figure>\n\n\n\nEven though Squarespace is a codeless web builder, we need to insert some HTML code into this code block. Don’t worry we’ll make it really easy for you.<\/p>\n\n\n\n
First we need to think of an anchor ID for this location. To help you keep track of all your anchor ID’s make them relevant to their locations by summarizing the headline they are referring to. <\/p>\n\n\n\n
Here is our anchor ID:<\/p>\n\n\n\n
meetingroomsbooked <\/p>\n\n\n\n
An anchor ID can’t include any spaces.<\/p>\n\n\n\n
Now, we need to insert our anchor ID into this line of HTML code and replace ANCHORID with our ID:<\/p>\n\n\n\n
<p id=”ANCHORID”> <\/p?<\/p>\n\n\n\n
Make sure you include a space between the two opposing brackets towards the end so that your anchor ID is hidden and not displayed as text.<\/p>\n\n\n\n<\/figure>\n\n\n\nWe now need to insert an anchor link into our button that points to this anchor ID.<\/p>\n\n\n\n
The anchor link is simply a hashtag followed by our anchor ID, so in our case it will be <\/p>\n\n\n\n
#meetingroomsbooked<\/p>\n\n\n\n
To add this anchor link to our button, we’ll click on the button’s edit option and then paste this URL in the clickthrough field.<\/p>\n\n\n\n<\/figure>\n\n\n\nHow to add a new section with Squarespace<\/h4>\n\n\n\n
To insert additional sections into your Squarespace template simply click the plus icon and choose the item you want to add at that point.<\/p>\n\n\n\n
Let’s add a new section beneath our text block.<\/p>\n\n\n\n<\/figure>\n\n\n\nSquarespace offers a variety of section designs that can be added. Clicking the categories on the left will preview all the associated section designs to help you choose the optimum design.<\/p>\n\n\n\n
We want to insert a pictured list.<\/p>\n\n\n\n<\/figure>\n\n\n\nEditing this new section is the exact same process as before, simply clicking the edit icons and modify its contents.<\/p>\n\n\n\n<\/figure>\n\n\n\nHow to add an ecommerce store to a Squarespace website <\/h4>\n\n\n\n
Let’s turn up the technical meter and append an ecommerce store to our website. We’ll make this button link to our online store.<\/p>\n\n\n\n<\/figure>\n\n\n\nTo add an online store, navigate to pages, click the plus icon and then select ‘Store’<\/p>\n\n\n\n<\/figure>\n\n\n\nKeep in mind that you’ll need to sign up to at least the basic commerce plan to facilitate an online store.<\/p>\n\n\n\n
Next, select your online store design. We’ll choose the second option.<\/p>\n\n\n\n<\/figure>\n\n\n\nTo edit any of the products simply click on them and then select ‘edit product’ at the top.<\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nTo rearrange any of the store products, click on them and drag them into your preferred order.<\/p>\n\n\n\n<\/figure>\n\n\n\nTo delete a product, double click and then select ‘Delete’<\/p>\n\n\n\n<\/figure>\n\n\n\nHow to add a contact form with Squarespace<\/h4>\n\n\n\n
To make the most of every visitor you need to offer them the opportunity of seamlessly initiating contact. The most effective way of doing this on a budget is with a well placed contact form. <\/p>\n\n\n\n
Here’s how you add a contact form with Squarespace.<\/p>\n\n\n\n
Click on the plus icon in the area you want to insert a contact form.<\/p>\n\n\n\n<\/figure>\n\n\n\nThen select a from style within the form category.<\/p>\n\n\n\n<\/figure>\n\n\n\nOnce inserted, click on any of the fields to edit them. <\/p>\n\n\n\n<\/figure>\n\n\n\nSquarespace for small businesses final thoughts<\/h3>\n\n\n\n
Squarespace is an intuitive website builder offering a gorgeous selection of readily editable templates. With Squarespace you always have the option of upgrading your display website to an ecommerce store within just a few clicks. Squarespace is a great choice for small businesses that want to leave a lasting impact on their visitors without the heavy web development agency price tag<\/p>\n\n\n\n
Building a small business website with Wix<\/h3>\n\n\n\n
We move on from Squarespace to its greatest rival, Wix. You may not have heard of Wix before, they’re rather ‘subtle’ with they’re advertising efforts. It’s not like they troll every Youtube video you watch or anything.<\/p>\n\n\n\n
In fact, because you’re reading this post, don’t be surprised if in the near future, your houseplants start transmitting messages about how easy it is to build a website with Wix.<\/p>\n\n\n\n
All jokes aside, let’s see whether a small business really can build a Wix website in minutes.<\/p>\n\n\n\n
Wix pricing for small businesses<\/h4>\n\n\n\n
There are 8 different Wix pricing plans to choose from but only the business plans offer ecommerce functionality. <\/p>\n\n\n\n
Free Plan<\/h5>\n\n\n\n- Wix ads are displayed on all pages of website<\/li>
- Website URL is a branded subdomain. Example, username.wixsite.com\/siteaddress<\/li>
- 500MB storage<\/li>
- 500MB bandwidth<\/li><\/ul>\n\n\n\n
Combo plan $10\/month (billed yearly) <\/h5>\n\n\n\n- Removes Wix ads<\/li>
- Clean custom URL with Wix branding removed<\/li>
- 3GB file storage limit<\/li>
- 2GB bandwidth limit<\/li><\/ul>\n\n\n\n
Unlimited plan $14\/month (billed yearly) <\/h5>\n\n\n\n- Unlimited bandwidth<\/li>
- 10GB storage<\/li>
- All Wix ads removed<\/li>
- Visitor analytics <\/li><\/ul>\n\n\n\n
Pro plan $19\/month (billed yearly) <\/h5>\n\n\n\n- Everything in Unlimited Plan<\/li>
- Unlimited bandwidth<\/li>
- 20GB storage<\/li>
- Clean custom domain <\/li>
- 2 hour HD video upload limit <\/li><\/ul>\n\n\n\n
VIP plan $27\/month (billed yearly) <\/h5>\n\n\n\n- Everything in pro plan<\/li>
- Priority support <\/li><\/ul>\n\n\n\n
Business basic plan $18\/month (billed yearly) <\/h5>\n\n\n\n- Minimum plan for ecommerce websites<\/li>
- Unlimited bandwidth<\/li>
- 20GB storage<\/li>
- 5 hours of HD video upload limit<\/li><\/ul>\n\n\n\n
Business unlimited plan $28\/month (billed yearly) <\/p>\n\n\n\n
- Everything offered in Business Basic Plan<\/li>
- 35GB storage limit<\/li>
- 10 hours of HD video uploads<\/li><\/ul>\n\n\n\n
Business VIP plan $38\/month (billed yearly) <\/h5>\n\n\n\n- Everything offered in unlimited plan<\/li>
- Priority support<\/li><\/ul>\n\n\n\n
How to build a small business website with Wix<\/h3>\n\n\n\n
Now let’s sit ourselves behind the controls and test Wix’s website building capabilities.<\/p>\n\n\n\n
After signing up to a free Wix account<\/a> we are presented with two different building options, we can either build a website with Wix ADI or via the conventional builder.<\/p>\n\n\n\n<\/figure>\n\n\n\nWix ADI auto builds a website based on your answers to a series of questions, then, all you have to do is replace the text and images.<\/p>\n\n\n\n
Creating a website through the Wix Editor gives you more control over its features and aesthetics so we’ll choose that option. <\/p>\n\n\n\n
We then need to choose a template design to work with. Wix has over 300 template designs (3x more than Squarespace!) so it might take you some time to choose one. Our post discussing 11 amazing free Wix templates<\/a> might help speed up your decision. <\/p>\n\n\n\nOnce you’ve chosen a template, click ‘edit’ to start sculpting it.<\/p>\n\n\n\n
Clicking on any of the text fields will allow us to instantly type over them. <\/p>\n\n\n\n<\/figure>\n\n\n\nTo change the font or text sizing, double clicking on a text field will display its customization options. Make sure you highlight all of the text you want to adjust. <\/p>\n\n\n\n<\/figure>\n\n\n\nTo delete an element with Wix simply right click and select delete.<\/p>\n\n\n\n
Undoing an action in Wix is the same process you follow on your computer. Hit CTRL+Z on Windows and Command + Z on a mac <\/p>\n\n\n\n
To change the background image, click on it and then select the ‘Change Strip Background’ button. You can replace the background image with a video if you like, but this does deplete some web storage. Using a compressed image will save your storage space while ensuring your website follows best SEO practices<\/a> by loading as fast as possible.<\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nTo make our headline text more readable, we’ll need to decrease the opacity of the background image. To do this click on the background image > Change Strip Background > Settings, and then adjust the opacity slider.<\/p>\n\n\n\n<\/figure>\n\n\n\nHow to add an anchor link with Wix<\/h4>\n\n\n\n
Let’s add an anchor link to that when visitors press the ‘Book Now’ button on our banner, the webpage automatically scrolls down to a specified location, which is our case is the title of our next content block.<\/p>\n\n\n\n<\/figure>\n\n\n\nThe first thing we’ll need to do is drag and drop an anchor to our scroll destination. To do this click on the plus icon on the left then navigate to Menu > Anchors > and drag and drop the anchor into plac. <\/p>\n\n\n\n<\/figure>\n\n\n\nOnce the anchor is dropped into place we;ll need to give it a unique identity. To help you keep track of multiple anchors on the same page, give it the same name as the text it’s linking to. For best web development practices, don’t include any spaces.<\/p>\n\n\n\n<\/figure>\n\n\n\nYou should then see a nice visual representation of your anchor’s location.<\/p>\n\n\n\n<\/figure>\n\n\n\nWe now need to add a link to this anchor in our ‘Book Now’ button. To do this, double click on the button then navigate to link > Anchor > Anchor on this page > Select your anchor<\/p>\n\n\n\n<\/figure>\n\n\n\nAnd that’s it! <\/p>\n\n\n\n
To test a newly added web page function at any time, hit the ‘Preview’ button in the top right. <\/p>\n\n\n\n
There is also a Save option up there that’s worth checking every now and then. Wix is usually pretty quick with auto saving your work. You’ll see ‘Saved’ displayed in the top right when your work is autosaved, otherwise you can hit the ‘Save’ button.<\/p>\n\n\n\n
For small businesses offering services, Wix provides a gateway to process service purchases. <\/p>\n\n\n\n
To add a services blade hit that lovely plus icon on the left again (are you noticing a pattern yet?) then navigate to Bookings > Service list<\/p>\n\n\n\n
Double clicking on this services blade and clicking on ‘Manage Services’ will take you to the services dashboard where you can set your pricing and services details. <\/p>\n\n\n\n<\/figure>\n\n\n\nThere is even a booking calendar that will display all of your booked services. This booking management system also prevents double bookings so you can completely outsource your annoying booking admin to Wix. Pretty cool.<\/p>\n\n\n\n<\/figure>\n\n\n\nYou will need to upgrade to the Wix Business Premium Plan to use this services feature.<\/p>\n\n\n\n
Adding new sections to a Wix template is a simple matter of hitting that plus icon on the left and dragging a new section into place. <\/p>\n\n\n\n
Let’s add a new quote block to this point. <\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nTo change the background of the right column, click on the background and then select ‘Change column background’<\/p>\n\n\n\n
To reposition any of the elements in the block, click on them and drag them into place. <\/p>\n\n\n\n<\/figure>\n\n\n\nHow to insert a contact form with Wix <\/h4>\n\n\n\n
Lets create a Contact Us page and insert a contact form. To do this we’ll navigate to the drop down pages menu in the top left then select ‘Manage Pages’<\/p>\n\n\n\n<\/figure>\n\n\n\nThis is also how you access other pages of your website you want to edit, select them from this drop down menu.<\/p>\n\n\n\n<\/figure>\n\n\n\nAfter clicking ‘Managing Pages’ we’ll then select ‘Add Page’ and name our new page.<\/p>\n\n\n\n<\/figure>\n\n\n\nTo insert a form on the page, select the plus icon from the left menu > Contact & Forms and choose a contact form design.<\/p>\n\n\n\n
To pop the hood and tinker with the form settings, click on the form and then select ‘Form Settings’<\/p>\n\n\n\n
In the ‘Submit Message’ tab you can specify the form submission actions. This could be a redirect to another URL or a file download link if you’re offering free resources<\/a> to generate leads. <\/p>\n\n\n\nYou can also set an automation sequence that’s activated with each form submission. This could be as simple as a thank you email with next step prompts, or an instant chat message that automatically pops up with your custom message. <\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nWix for small businesses final thoughts<\/h3>\n\n\n\n
We hate to admit it, but Wix’s obnoxious ads are actually true. You really can create a stunning website in minutes with Wix. Even though Wix has a greater variety of web templates, they’re still eclipsed by Squarespace’s stunning designs. That being said, the impressive breadth of website functionality on offer means that any small business can create a powerful website with Wix without knowing a single line of coding.<\/p>\n\n\n\n
Building a small business website with Weebly<\/h3>\n\n\n\n
Weebly is a powerful website builder that offers a free subscription, so if you’re a s<\/a>startup in desperate need of funding<\/a> you can create a Weebly website without begging your parents for some cash (again).<\/p>\n\n\n\nWeebly pricing for small businesses <\/h4>\n\n\n\n
Weebly offers 4 different subscription plans.<\/p>\n\n\n\n
Free plan: $0\/month<\/h5>\n\n\n\n- Displays a Weebly ad at the bottom of every page<\/li>
- Does not support ecommerce website<\/li>
- URL is a subdomain of Weebly <\/li><\/ul>\n\n\n\n
Personal plan: $9\/month, or $6\/month billed annually <\/h5>\n\n\n\n- Clean customizable URL<\/li>
- Weebly ads are still displayed.<\/li><\/ul>\n\n\n\n
Professional plan: $16\/month, or $12\/month billed annually <\/h5>\n\n\n\n- Removes all Weebly ads<\/li>
- Clean and customizable domain name<\/li>
- Supports ecommerce websites<\/li>
- Unlimited storage space<\/li><\/ul>\n\n\n\n
Performance plan: $29\/month, or $26\/month billed annually <\/h5>\n\n\n\n- Everything offered in the Professional plan<\/li>
- Advanced ecommerce features such as automated abandoned cart emails and integrated shipping solutions.<\/li><\/ul>\n\n\n\n
How to build a small business website with Weebly<\/h3>\n\n\n\n
We will be assessing Weebly’s free subscription. After s<\/a>signing up to a Weebly account<\/a> we are asked to select the type of site we want to build. Since we are creating a website for a small business we’ll select an ecommerce store.<\/p>\n\n\n\nThis then takes us to the quick set up process where we’re asked to specify a website name and business address. Once that’s done and our template design is selected, we can start designing.<\/p>\n\n\n\n
How to build a small business website with Squarespace<\/h3>\n\n\n\n
Now let’s attempt to actually build a small business website from scratch using Squarespace. The first thing you’ll need to do is sign up to a Squarespace accoun<\/a>t<\/a>. It’s free to sign up and build a website but you’ll need to sign up to a paid subscription to publish your website on the internet. <\/p>\n\n\n\n Once signed up, the first thing we’ll need to do is select a template design to edit. This is what makes building a website with Squarespace so quick and easy, once your template is selected it’s then a simple matter of editing the text and images to reflect your business identity. Adding additional elements is also seamless, we’ll show you how to do that too.<\/p>\n\n\n\n With our template design selected, we’ll click on ‘start with this design’ and then follow the quick step by step setup to upload our logo, select our color scheme and topography style.<\/p>\n\n\n\n Once the quick setup is complete, we’re taken to the entry screen for our website builder. At this point it’s a good idea to create all the pages you’ll need for your website. <\/p>\n\n\n\n If you’re not sure which pages your website needs, our post about Sitemap design<\/a> will help you. <\/p>\n\n\n\n To create a new page click on pages in the left hand menu, followed by the plus icon. <\/p>\n\n\n\n To delete an existing page, click on its corresponding cog and then scroll down to ‘delete page’<\/p>\n\n\n\n You’ll also notice an SEO option in the left menu. This will allow you to edit the title and meta description of each page which makes optimizing all of your website pages<\/a> to rank on page 1 of Google super easy.<\/p>\n\n\n\n To start editing your website design, select a page and then click ‘edit’ at the top. <\/p>\n\n\n\n Let’s make this home page our own.<\/p>\n\n\n\n First we’ll edit the headline and tagline. To do that, click on each text field and type over it. This is how you edit all text fields.<\/p>\n\n\n\n To edit the button text, click on the button and then the pencil icon.<\/p>\n\n\n\n To change the background image, we’ll hover over the background and then click on its associated pencil icon. <\/p>\n\n\n\n To change the opacity of the background image (make it darker or lighter) click on its pencil edit icon, navigate to ‘background’ and then adjust the opacity slider to your liking.<\/p>\n\n\n\n To save your work, hover over the ‘Done’ option in the top left and then click ‘Save’. Make a habit of always hitting that save button to keep your hard work preserved.<\/p>\n\n\n\n When an anchor link is clicked, a web page scrolls down to a specified location. Let’s add an anchor link to our orange ‘Learn more’ button so that when it’s clicked, the page scrolls down to the first block of content underneath.<\/p>\n\n\n\n First, we’ll add an anchor point to our intended destination. We’ll hover over the title of our scroll destination until we see a black bulb indicating an entry point like so:<\/p>\n\n\n\n Clicking on the black bulb will reveal all of the elements we can add in this spot. We need to select a code block.<\/p>\n\n\n\n Even though Squarespace is a codeless web builder, we need to insert some HTML code into this code block. Don’t worry we’ll make it really easy for you.<\/p>\n\n\n\n First we need to think of an anchor ID for this location. To help you keep track of all your anchor ID’s make them relevant to their locations by summarizing the headline they are referring to. <\/p>\n\n\n\n Here is our anchor ID:<\/p>\n\n\n\n meetingroomsbooked <\/p>\n\n\n\n An anchor ID can’t include any spaces.<\/p>\n\n\n\n Now, we need to insert our anchor ID into this line of HTML code and replace ANCHORID with our ID:<\/p>\n\n\n\n <p id=”ANCHORID”> <\/p?<\/p>\n\n\n\n Make sure you include a space between the two opposing brackets towards the end so that your anchor ID is hidden and not displayed as text.<\/p>\n\n\n\n We now need to insert an anchor link into our button that points to this anchor ID.<\/p>\n\n\n\n The anchor link is simply a hashtag followed by our anchor ID, so in our case it will be <\/p>\n\n\n\n #meetingroomsbooked<\/p>\n\n\n\n To add this anchor link to our button, we’ll click on the button’s edit option and then paste this URL in the clickthrough field.<\/p>\n\n\n\n To insert additional sections into your Squarespace template simply click the plus icon and choose the item you want to add at that point.<\/p>\n\n\n\n Let’s add a new section beneath our text block.<\/p>\n\n\n\n Squarespace offers a variety of section designs that can be added. Clicking the categories on the left will preview all the associated section designs to help you choose the optimum design.<\/p>\n\n\n\n We want to insert a pictured list.<\/p>\n\n\n\n Editing this new section is the exact same process as before, simply clicking the edit icons and modify its contents.<\/p>\n\n\n\n Let’s turn up the technical meter and append an ecommerce store to our website. We’ll make this button link to our online store.<\/p>\n\n\n\n To add an online store, navigate to pages, click the plus icon and then select ‘Store’<\/p>\n\n\n\n Keep in mind that you’ll need to sign up to at least the basic commerce plan to facilitate an online store.<\/p>\n\n\n\n Next, select your online store design. We’ll choose the second option.<\/p>\n\n\n\n To edit any of the products simply click on them and then select ‘edit product’ at the top.<\/p>\n\n\n\n To rearrange any of the store products, click on them and drag them into your preferred order.<\/p>\n\n\n\n To delete a product, double click and then select ‘Delete’<\/p>\n\n\n\n To make the most of every visitor you need to offer them the opportunity of seamlessly initiating contact. The most effective way of doing this on a budget is with a well placed contact form. <\/p>\n\n\n\n Here’s how you add a contact form with Squarespace.<\/p>\n\n\n\n Click on the plus icon in the area you want to insert a contact form.<\/p>\n\n\n\n Then select a from style within the form category.<\/p>\n\n\n\n Once inserted, click on any of the fields to edit them. <\/p>\n\n\n\n Squarespace is an intuitive website builder offering a gorgeous selection of readily editable templates. With Squarespace you always have the option of upgrading your display website to an ecommerce store within just a few clicks. Squarespace is a great choice for small businesses that want to leave a lasting impact on their visitors without the heavy web development agency price tag<\/p>\n\n\n\n We move on from Squarespace to its greatest rival, Wix. You may not have heard of Wix before, they’re rather ‘subtle’ with they’re advertising efforts. It’s not like they troll every Youtube video you watch or anything.<\/p>\n\n\n\n In fact, because you’re reading this post, don’t be surprised if in the near future, your houseplants start transmitting messages about how easy it is to build a website with Wix.<\/p>\n\n\n\n All jokes aside, let’s see whether a small business really can build a Wix website in minutes.<\/p>\n\n\n\n There are 8 different Wix pricing plans to choose from but only the business plans offer ecommerce functionality. <\/p>\n\n\n\n Business unlimited plan $28\/month (billed yearly) <\/p>\n\n\n\n Now let’s sit ourselves behind the controls and test Wix’s website building capabilities.<\/p>\n\n\n\n After signing up to a free Wix account<\/a> we are presented with two different building options, we can either build a website with Wix ADI or via the conventional builder.<\/p>\n\n\n\n Wix ADI auto builds a website based on your answers to a series of questions, then, all you have to do is replace the text and images.<\/p>\n\n\n\n Creating a website through the Wix Editor gives you more control over its features and aesthetics so we’ll choose that option. <\/p>\n\n\n\n We then need to choose a template design to work with. Wix has over 300 template designs (3x more than Squarespace!) so it might take you some time to choose one. Our post discussing 11 amazing free Wix templates<\/a> might help speed up your decision. <\/p>\n\n\n\n Once you’ve chosen a template, click ‘edit’ to start sculpting it.<\/p>\n\n\n\n Clicking on any of the text fields will allow us to instantly type over them. <\/p>\n\n\n\n To change the font or text sizing, double clicking on a text field will display its customization options. Make sure you highlight all of the text you want to adjust. <\/p>\n\n\n\n To delete an element with Wix simply right click and select delete.<\/p>\n\n\n\n Undoing an action in Wix is the same process you follow on your computer. Hit CTRL+Z on Windows and Command + Z on a mac <\/p>\n\n\n\n To change the background image, click on it and then select the ‘Change Strip Background’ button. You can replace the background image with a video if you like, but this does deplete some web storage. Using a compressed image will save your storage space while ensuring your website follows best SEO practices<\/a> by loading as fast as possible.<\/p>\n\n\n\n To make our headline text more readable, we’ll need to decrease the opacity of the background image. To do this click on the background image > Change Strip Background > Settings, and then adjust the opacity slider.<\/p>\n\n\n\n Let’s add an anchor link to that when visitors press the ‘Book Now’ button on our banner, the webpage automatically scrolls down to a specified location, which is our case is the title of our next content block.<\/p>\n\n\n\n The first thing we’ll need to do is drag and drop an anchor to our scroll destination. To do this click on the plus icon on the left then navigate to Menu > Anchors > and drag and drop the anchor into plac. <\/p>\n\n\n\n Once the anchor is dropped into place we;ll need to give it a unique identity. To help you keep track of multiple anchors on the same page, give it the same name as the text it’s linking to. For best web development practices, don’t include any spaces.<\/p>\n\n\n\n You should then see a nice visual representation of your anchor’s location.<\/p>\n\n\n\n We now need to add a link to this anchor in our ‘Book Now’ button. To do this, double click on the button then navigate to link > Anchor > Anchor on this page > Select your anchor<\/p>\n\n\n\n And that’s it! <\/p>\n\n\n\n To test a newly added web page function at any time, hit the ‘Preview’ button in the top right. <\/p>\n\n\n\n There is also a Save option up there that’s worth checking every now and then. Wix is usually pretty quick with auto saving your work. You’ll see ‘Saved’ displayed in the top right when your work is autosaved, otherwise you can hit the ‘Save’ button.<\/p>\n\n\n\n For small businesses offering services, Wix provides a gateway to process service purchases. <\/p>\n\n\n\n To add a services blade hit that lovely plus icon on the left again (are you noticing a pattern yet?) then navigate to Bookings > Service list<\/p>\n\n\n\n Double clicking on this services blade and clicking on ‘Manage Services’ will take you to the services dashboard where you can set your pricing and services details. <\/p>\n\n\n\n There is even a booking calendar that will display all of your booked services. This booking management system also prevents double bookings so you can completely outsource your annoying booking admin to Wix. Pretty cool.<\/p>\n\n\n\n You will need to upgrade to the Wix Business Premium Plan to use this services feature.<\/p>\n\n\n\n Adding new sections to a Wix template is a simple matter of hitting that plus icon on the left and dragging a new section into place. <\/p>\n\n\n\n Let’s add a new quote block to this point. <\/p>\n\n\n\n To change the background of the right column, click on the background and then select ‘Change column background’<\/p>\n\n\n\n To reposition any of the elements in the block, click on them and drag them into place. <\/p>\n\n\n\n Lets create a Contact Us page and insert a contact form. To do this we’ll navigate to the drop down pages menu in the top left then select ‘Manage Pages’<\/p>\n\n\n\n This is also how you access other pages of your website you want to edit, select them from this drop down menu.<\/p>\n\n\n\n After clicking ‘Managing Pages’ we’ll then select ‘Add Page’ and name our new page.<\/p>\n\n\n\n To insert a form on the page, select the plus icon from the left menu > Contact & Forms and choose a contact form design.<\/p>\n\n\n\n To pop the hood and tinker with the form settings, click on the form and then select ‘Form Settings’<\/p>\n\n\n\n In the ‘Submit Message’ tab you can specify the form submission actions. This could be a redirect to another URL or a file download link if you’re offering free resources<\/a> to generate leads. <\/p>\n\n\n\n You can also set an automation sequence that’s activated with each form submission. This could be as simple as a thank you email with next step prompts, or an instant chat message that automatically pops up with your custom message. <\/p>\n\n\n\n We hate to admit it, but Wix’s obnoxious ads are actually true. You really can create a stunning website in minutes with Wix. Even though Wix has a greater variety of web templates, they’re still eclipsed by Squarespace’s stunning designs. That being said, the impressive breadth of website functionality on offer means that any small business can create a powerful website with Wix without knowing a single line of coding.<\/p>\n\n\n\n Weebly is a powerful website builder that offers a free subscription, so if you’re a s<\/a>startup in desperate need of funding<\/a> you can create a Weebly website without begging your parents for some cash (again).<\/p>\n\n\n\n Weebly offers 4 different subscription plans.<\/p>\n\n\n\n We will be assessing Weebly’s free subscription. After s<\/a>signing up to a Weebly account<\/a> we are asked to select the type of site we want to build. Since we are creating a website for a small business we’ll select an ecommerce store.<\/p>\n\n\n\n This then takes us to the quick set up process where we’re asked to specify a website name and business address. Once that’s done and our template design is selected, we can start designing.<\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n
Need a logo for your small business? Click here to hire a creative freelance designer now
<\/a><\/strong><\/em><\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nHow to add an anchor link with Squarespace<\/h4>\n\n\n\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nHow to add a new section with Squarespace<\/h4>\n\n\n\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nHow to add an ecommerce store to a Squarespace website <\/h4>\n\n\n\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nHow to add a contact form with Squarespace<\/h4>\n\n\n\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nSquarespace for small businesses final thoughts<\/h3>\n\n\n\n
Building a small business website with Wix<\/h3>\n\n\n\n
Wix pricing for small businesses<\/h4>\n\n\n\n
Free Plan<\/h5>\n\n\n\n
Combo plan $10\/month (billed yearly) <\/h5>\n\n\n\n
Unlimited plan $14\/month (billed yearly) <\/h5>\n\n\n\n
Pro plan $19\/month (billed yearly) <\/h5>\n\n\n\n
VIP plan $27\/month (billed yearly) <\/h5>\n\n\n\n
Business basic plan $18\/month (billed yearly) <\/h5>\n\n\n\n
Business VIP plan $38\/month (billed yearly) <\/h5>\n\n\n\n
How to build a small business website with Wix<\/h3>\n\n\n\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nHow to add an anchor link with Wix<\/h4>\n\n\n\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nHow to insert a contact form with Wix <\/h4>\n\n\n\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nWix for small businesses final thoughts<\/h3>\n\n\n\n
Building a small business website with Weebly<\/h3>\n\n\n\n
Weebly pricing for small businesses <\/h4>\n\n\n\n
Free plan: $0\/month<\/h5>\n\n\n\n
Personal plan: $9\/month, or $6\/month billed annually <\/h5>\n\n\n\n
Professional plan: $16\/month, or $12\/month billed annually <\/h5>\n\n\n\n
Performance plan: $29\/month, or $26\/month billed annually <\/h5>\n\n\n\n
How to build a small business website with Weebly<\/h3>\n\n\n\n
![\"how](\"https:\/\/cdn6.f-cdn.com\/files\/download\/111169732\/52.jpg\")
<\/figure>\n\n\n\n![\"how](\"https:\/\/cdn2.f-cdn.com\/files\/download\/111170056\/53.jpg\")
<\/figure>\n\n\n\n![\"how](\"https:\/\/cdn5.f-cdn.com\/files\/download\/111170060\/54.jpg\")
<\/figure>\n\n\n\n![\"how](\"https:\/\/cdn5.f-cdn.com\/files\/download\/111170058\/55.jpg\")
<\/figure>\n\n\n\n![\"how](\"https:\/\/cdn6.f-cdn.com\/files\/download\/111170062\/56.jpg\")
<\/figure>\n\n\n\n![\"how](\"https:\/\/cdn2.f-cdn.com\/files\/download\/111170064\/57.jpg\")
<\/figure>\n\n\n\n![\"how](\"https:\/\/cdn6.f-cdn.com\/files\/download\/111170246\/58.jpg\")
<\/figure>\n\n\n\n![\"how](\"https:\/\/cdn6.f-cdn.com\/files\/download\/111170253\/61.jpg\")
<\/figure>\n\n\n\n![\"how](\"https:\/\/cdn2.f-cdn.com\/files\/download\/111170249\/62.jpg\")
<\/figure>\n\n\n\n![\"how](\"https:\/\/cdn5.f-cdn.com\/files\/download\/111170248\/63.jpg\")
<\/figure>\n\n\n\n![\"how](\"https:\/\/cdn2.f-cdn.com\/files\/download\/111170255\/64.jpg\")
<\/figure>\n\n\n\n![\"how](\"https:\/\/cdn5.f-cdn.com\/files\/download\/111170306\/65.jpg\")
<\/figure>\n\n\n\n![\"how](\"https:\/\/cdn2.f-cdn.com\/files\/download\/111170308\/66.jpg\")
<\/figure>\n\n\n\n![\"how](\"https:\/\/cdn3.f-cdn.com\/files\/download\/111170310\/59.jpg\")
<\/figure>\n\n\n\n![\"how](\"https:\/\/cdn3.f-cdn.com\/files\/download\/111170396\/60.jpg\")
<\/figure>\n\n\n\n![\"how](\"https:\/\/cdn3.f-cdn.com\/files\/download\/111170399\/67.jpg\")
<\/figure>\n\n\n\n![\"how](\"https:\/\/cdn3.f-cdn.com\/files\/download\/111170712\/last-copy.jpg\")
<\/figure>\n\n\n\n