Share
I dagens teknikdrivna värld är det absolut nödvändigt att ha en webbplats för ditt företag, och förmodligen den viktigaste delen av marknadsföring.
Nästan en tredjedel av världens befolkning använder sig av internet, vare sig du är frilansskribent, webbutvecklare, professionell talare, fastighetsmäklare eller mikroföretagare, är det viktigt att ha en närvaro på nätet som inte bara ser professionell ut men kan ge väsentlig information till dina kunder.
Som en del av vår serie Konfigurera ditt företag online utan kodning, Jag ska visa dig hur du skapar din egen professionella, för att inte tala om vacker webbplats med Squarespace som inte kräver att du anger en enda kod.
Traditionellt, om du ville ha en hemsida så brukar du ha ett antal saker att ordna och överväga. Dessa skulle innefatta:
För många av oss är det vad vi alltid gjort och gör nu. Vi betalar en webbhotell varje månad för webbutrymme, ställa in vår webbprogramvara som driver vår sida, ändrar utseendet och är redo att gå.
Webbhotell kan vara mycket billigt men oftare får du inte vad du betalar för. Delad hosting är överlägset det vanligaste alternativet där många användare delar samma server, där dess resurser delas över alla webbplatser. Ibland kan de delade servrarna ha hundratals webbplatser som körs samtidigt. På grund av detta finns det alltid en risk för att en "granne" på servern kan skapa en webbplats som använder mycket resurser, oavsett om det beror på att webbplatsen får en oerhört stor mängd trafik eller helt enkelt på grund av felaktigt konfigurerad programvara. Om det skulle hända, kan det få en knock-on-effekt, eftersom du delar samma resurser och kan leda till att din webbplats störs.
Om du inte är väl känd i webbdesign eller utveckling kan du kanske hitta ovanstående ganska förbryllande. Det kommer alltid att finnas webbdesigners och utvecklare du kan anställa som skulle kunna ta hand om allt detta för dig.
CMS-programvara som Wordpress har gjort det väldigt enkelt att installera och, om du vet hur du använder FTP och kan hitta dig runt en webbserver, har du inga problem med att ställa in något av detta. Men om något händer med din webbplats, är det upp till dig att fixa. Om din webbplats går ner eller inte fungerar precis som det borde behöva, lägger du in tid att räkna ut det.
Men om jag berättade för dig att du skulle kunna hoppa över alla ovanstående och att det skulle kosta mer än att betala för webbhotell?
Om du lyssnar på många populära podcasts så har du utan tvekan hört talas om Squarespace. Liksom vissa av det är konkurrenter, som Wordpress.com och Tumblr, Squarespace a värd service. Du behöver ingen separat webbhotell och det finns ingen programvara att installera. Faktum är att du hoppar över nästan alla steg i vår lista. Så hur fungerar en värdtjänst som Squarespace och när är det ett bra val?
Med en värdtjänst är allt som gäller din webbplats på ett ställe. Den kombinerar en blandning av mycket överflödig webbhotell och kraftfull CMS-programvara, så du behöver inte installera och installera dem själv.
Om något går fel med en uppdatering eller installation, vem pratar du med - webbhotell eller programvaruutvecklare?
Du har alltid tekniskt stöd för de flesta aspekterna av din webbplats, om du någonsin har några frågor eller problem. Med traditionell webbhotell kan din värd vara med ett företag men programvaran du vill använda kommer att vara en annan, sätta dig helt i mitten. Om något går fel med en uppdatering eller installation, vem pratar du med - webbhotell eller programvaruutvecklare?
Eftersom varje Squarespace-kund använder Squarespace-plattformen, kan ingen annan programvara installeras. Även om vissa kan hitta denna restriktiva om de har ett specifikt behov, betyder det för andra att oro för att någon som installerar en mjukvara som är felaktigt installeras som orsakar ett serverfel är obefintlig.
Squarespace erbjuder mycket redundans och har även fortsatt att springa inför naturkatastrofer. Under orkanen Sandy i oktober 2012 upplevde Squarespace ett strömavbrott på grund av de dåliga väderförhållandena. Arbetade med sina datacenterpartners fortsatte de att köra servrarna med dieselgeneratorer för att hålla webbplatser kvar för att upprätthålla sin 99,99% uptime garanti.
Squarespace är också molnvärd, vilket innebär att om en av sina servrar skulle misslyckas, tar en annan sin plats omedelbart, utan att det går någon tjänst. Jämfört med delad hosting som finns på en enda server, om den går ner, går alla webbplatser på den servern ner tills den är löst.
Squarespace erbjuder specifikt ett antal snygga mallar som vi kan bygga på och anpassa ganska omfattande. De ger en riktigt bra utgångspunkt för att designa vår egen hemsida som fungerar som om vi är i en fotoredigerare. Vi kan ändra storlek på logotyper, sidbredder, ändra färger och teckenstorlekar alla samtidigt som effekterna ses i realtid.
Det här är inte att säga snygga mallar är inte tillgängliga för ditt val av CMS om du skapar din egen webbhotell långt ifrån det. Faktum är det några fantastiska mallar som du kan köpa från webbplatser som ThemeForest. Huvudskillnaden är att du måste faktor vid inköp av en mall, liksom eventuella kostnader, om du vill fundamentalt ändra vissa aspekter av mallen.
En annan fördel med en tjänst som detta är att även om antalet mallar kan vara lägre jämfört med andra, är de mycket flexibla och uppdateras kontinuerligt och testas mot stora webbläsare. Det betyder att din webbplats kommer att se ut i Internet Explorer som den gör i Google Chrome.
Hosted lösningar som Squarespace är utformade för att vara kraftfulla, men ändå lätta att använda. Deras omfattande support, forum och video tutorials innebär att du kan lära dig insatserna av tjänsten allt på egen hand.
Squarespace är ett bra val om du vill skapa en fullt fungerande webbplats som är lätt att anpassa utan att bli alltför inblandad i hur webbplatser fungerar. Det är dock inte för alla. Om du vill ha en helt anpassad webbplats som har vissa funktioner som Squarespace ännu inte tillhandahåller, är du mycket bättre med mångsidigheten hos en dedikerad webbhotell.
I denna serie har jag bestämt mig för att inrätta ett nytt programvaruföretag som heter "2bit-programvara". Jag är väldigt glad att få en ny webbplats igång, men jag är redan väldigt upptagen med mina senaste appar. Jag har inte mycket tid att spendera på att konfigurera webbhotell, installera ett CMS, etc. Istället kommer jag att ställa in min hemsida i Squarespace från början till slut.
Squarespace erbjuder en 14-dagars försök som kräver ingen faktureringsinformation. Det här är perfekt för mig eftersom jag inte vill börja betala för en tjänst som jag kanske inte vill använda.
Besök Squarespace och klicka Komma igång.
Innan vi ombeds om ytterligare information, blir vi ombedda att välja designen för vår webbplats. Squarespace fungerar genom att tillhandahålla en rad responsiva mallar som kan anpassas starkt. Oroa dig inte om att välja en som du kanske inte gillar, du kan när som helst byta mallarna.
Jag gillar verkligen mallens utseende Flygare. Håll över mallen och klicka sedan på Visa Aviator. Låt oss se hur vår mall ser ut att börja med. Håll över den stora förhandsgranskningsbilden och välj Live förhandsvisning.
Alla Squarespace-mallar är lyhörda, vilket innebär att de anpassas så att de passar den enhet de passar på, i de flesta fall en mobilenhet som en iPhone. Vi kan faktiskt se hur det skulle se ut på en mobil enhet genom att sväva över den mobila förhandsgranskningen och välja Mobilvy.
Jag är verkligen nöjd med den här designen, så fortsätt och välj Börja med denna design. Ange ditt namn och din e-postadress samt ett (säkert!) Lösenord.
Nu har vi skapat vårt Squarespace-konto, vi loggas automatiskt in på Platschef. Så här uppdaterar vi allt på vår webbplats, från innehållet till färgerna.
Vi kan få åtkomst till funktioner som att lägga till / ta bort sidor och annat innehåll, analytisk information för att berätta hur många personer som har tittat på vår webbplats och vilka webbplatser de kom ifrån, liksom några fler konfigurationsalternativ.
Alla Squarespace begärde var mitt namn, men jag vill personifiera webbplatsen med företagsnamn och information. För att göra detta väljer du inställningar avsnittet betecknas med kuggikonen.
Här kan vi fylla i företagsinformationen och anpassa webbplatsens namn och beskrivning. Oroa dig inte för det oanständiga latinet, det här är bara platshållarteksten jag har lagt in.
Längre ner på sidan kan vi lägga till vår logotyp och kontaktinformation som kommer att användas i vissa delar av webbplatsen.
Om du vill skapa en ny webbplats med Squarespace krävs det att vissa demoinnehåll ingår. Den levande förhandsgranskningen av vår mall som vi såg tidigare är faktiskt vad vi har för tillfället. Innan vi fortsätter, låt oss ta en titt på vår webbplats som den är just nu. Välj länk för förhandsgranskning som är den övre vänstra ikonen, representerad av ett öga.
Som du kan se har våra logotyper och beskrivningar ändrats. Med hjälp av några av länkarna längst upp till vänster kan vi navigera runt det demoinnehåll som vi tillhandahölls. Låt oss ta en titt på Meny sida.
Igen visas vår nya information redan på alla sidor. Allt vi behöver göra nu är att ändra innehållet till vad vi vill ha. För att komma åt webbplatshanteraren väljer du helt enkelt cog-ikonen längst ner till höger på sidan.
För att se vilka sidor vi har, behöver vi bara se under Navigering kolumn.
Under Huvudnavigering är alla sidor som visas på webbplatsens meny. Under rubriken Ej länkad är sidor som fortfarande kan nås men visas inte på menyn. Detta är användbart för sidor där de inte behöver en menyrubrik, men du kan behöva länka någon annanstans, till exempel en "villkor" eller en "juridisk" sida.
Låt oss fortsätta och ta bort alla sidor utom "info" från demoinnehållet. Håll musen över varje sida och en liten X-ikon kommer att visas, välj den och bekräfta att du vill ta bort varje sida. När du är klar ska du vara kvar med följande:
Det är dags att lägga till en ny sida. Välj Lägg till sida under Huvudnavigering.
Vi vill bara lägga till en vanlig sida så välj det första alternativet och kalla det "Hem".
Vi kommer att vilja att detta är vår hemsida, så när någon besöker webbplatsen är det den första sidan de ser. Håll markören över sidnamnet tills en kuggikon visas och välj sedan den. Du kan då göra detta till hemsidan.
Om du vill lägga till lite text klickar du på var den står Klicka här för att börja skriva och ange lite text.
Squarespace hanterar innehåll i block. Vi kan lägga till olika block för olika användningsområden, till exempel text, bilder, video och mer. Eftersom vi har lagt till vår första textruta, lägger vi till en horisontell regel nedan. Klick + Lägg till block och välj sedan Horisontell regel. Den placerar den direkt under vårt textblock. Om vi föredrar kan vi när som helst omorganisera block genom att sväva över dem och klicka och dra dem till där vi skulle vilja.
Därefter vill jag lägga till två separata bilder, sida vid sida. Lägg först till ett nytt block men den här gången väljer du Bild. Lägg till en bild av ditt val och välj sedan Spara. Gör detsamma igen för en andra bild.
Vi har nu två bilder, en ovanpå varandra. För att flytta dem sida om sida, dra helt enkelt den andra bilden till höger om den första, dra den i princip där du vill att den ska vara. En blå linje med ordet "kolumn" visas, vilket betyder att du vill lägga till den som en ny kolumn. Släpp musknappen och bilderna ändras automatiskt och justeras för att sitta bredvid varandra.
Välj Spara och publicera, Klicka sedan Visa sida högst upp för att se hur det ser ut.
Låt oss lägga till lite mer innehåll. Gå tillbaka till webbplatshanteraren och lägg till en annan sida, kalla den "Kontakta oss".
Lägg till lite text i standard textrutan och lägg till ett nytt block, men den här gången lägger du till en Form. Som standard skickar nya formulär e-post till den e-postadress du registrerade med.
En bra funktion om Squarespace-formulär är att du kan använda dem för mer än att bara skicka ett mail till dig. När du tagit tag i systemet mer kan du integrera Google Docs och även Mailchimp för att utveckla ett komplett marknadsföringsverktyg, alla utan kodning.
Efter att ha lagt till en ny formulär och ompositionering kan vi också justera bredden på den kolumn de delar, vilket ger mer utrymme till vår form eller textruta. Låt oss ge lite mer utrymme till vårt kontaktformulär. Håll musen över mitten av de två kvarteren och du får se markörändringen, då kan du klicka och dra åt vänster eller höger, beroende på vilken låda du vill ge mer utrymme för.
När du är klar kan du se sidan.
Låt oss göra en förändring till vår webbplats innan vi börjar anpassa stilen. De Info sidan är underbar, men inte något vi vill använda. Tillbaka i webbplatshanteraren drar du ner den till Ej länkad rubriken så att vi kan flytta den ur webbplatsens meny.
Lägg till en sista sida som heter "Tjänster" och prova några av de andra blocken du kanske är intresserad av. När du har gjort det, ordna om menyn så att kontaktsidan är den sista sidan i menyn.
Vi har nästan avslutat layouten på vår webbplats, nu för att anpassa hur vår sida ser ut. Om du inte redan gör det kan du se vår sida så att du kan se vad den för närvarande ser ut.
Använd menyn längst ner till höger på skärmen genom att välja penselikonet, detta går in i Stilläge. Det är här vi kan anpassa alla färger och storlekar som vi skulle vilja använda på vår webbplats.
Första saker först är min logotyp ganska mörk eftersom den är på en mörk bakgrund. Låt oss ändra bakgrunden på rubriken för att göra den lite lättare så vi kan se det mycket lättare. Du kan välja vilket element som ska ändras genom att markera det med musen. Markera rubriken, se till att du markerar hela rutan och inte titeln eller logotypen.
När du väljer ett element visas alla lämpliga egenskaper i den vänstra kolumnen. Välj Rubrik Bakgrund och ändra den till en mycket ljusare färg. Om du vill kan du hålla lite öppenhet.
Det ser bra ut. Vår text med vår kontaktinformation är dock lite svår att läsa. Låt oss justera färgen på den här texten och göra den mörkare.
Mycket bättre. Logotypen och texten är mycket tydligare och lättare att se.
Jag är inte ett fan av stor text för rubriker. Återigen, för att ändra ett visst element väljer du det med musen och stilredigeraren visar de egenskaper som är tillgängliga för att ändra. Ändra textomvandlingen så att den inte längre är stor. Ändra dessutom bokstavsavståndet till 0 pixlar, detta kommer att flytta bokstäverna närmare varandra.
Slutligen, välj några av de standardavsnitt som vi har skrivit och ändra teckensnittet till Proxima Nova.
Om vi rullar ner till sidfoten kan vi se att ändringen av bakgrunden har orsakat att länkarna är svåra att läsa. Välj länkarna och justera sedan deras färg med stilredigeraren.
Medan menyn längst upp till vänster är ganska snygg, låt oss göra det mer traditionellt genom att placera det högst upp på sidan. Välj navigeringsområdet och egenskapen som vi behöver ändra heter Info-sidlayout.
Ändra egenskapen till "Poster".
Nu för att ändra storlek på webbplatsen. Jag skulle vilja göra webbplatsen lite smalare eftersom jag tror att det kan se ganska bra ut. Ändra storlek är väldigt enkelt, sväng musen över kanten av sidan och klicka och dra för att justera den.
Jag har ändrat platsen till 50%.
Låt oss bli av med bakgrundsbilden helt och hållet. Klicka på bakgrunden och, i stilredigeraren, välj Bakgrundsbild. Medan allt sådant kaffe ser ganska frestande ut, passar det inte riktigt in med vår sida längre så låt oss bli av med det. Klicka på den lilla raderingsikonen och vi är kvar med en enda färgbakgrund. Alternativt, ändra det till en av dina egna.
Beroende på bakgrunden du väljer kan du behöva göra några små anpassningar av färgerna. Fortsätt bara göra ändringar tills du är nöjd med vad du har.
Eftersom vi har tagit bort demo-bakgrunden kan vi justera sidfoten för att ta bort bildkrediten. För att göra detta, gå ur Style Editor och välj den första ikonen i Squarespace-menyn för Innehållsredigerare.
Jag har justerat sidfoten här för att även inkludera en upphovsrätt.
Hittills har vi spenderat ca 20 minuter på att bygga en webbplats som vi är redo att börja använda. Vi vill dock inte använda standardadressen som Squarespace gav oss, vi vill använda vårt eget domännamn!
Om du anmäler dig till Squarespace årsplaner, kan du få ett gratis domännamnsregistrering. Om du redan har ett domännamn kan du helt enkelt använda det istället. Om du får ett domännamn via Squarespace är det inte nödvändigt med det här avsnittet och du kan hoppa direkt till slutet.
Logga in igen till Platschef och välj inställningar, sedan domäner.
Klicka på + Länk befintlig domän och ange sedan ditt domännamn som du vill använda. Detta uppdaterar inte vårt domännamn automatiskt till jobbet, det här berättar helt enkelt Squarespace vilket domännamn vi förväntar oss att använda. Vi måste byta något annat ...
Den här delen är inte särskilt knepig men det finns ingen lösning som passar alla storlekar, det beror verkligen på din domänregistrator. Om ditt domännamn är för närvarande med Hover eller Godaddy, kommer de att ha olika metoder för att ändra dem.
Tack och lov, Squarespace ger en bra video handledning som täcker de flesta stora registratorer. Det ger instruktioner om den grundläggande information som alla registrarer behöver om du vet hur du gör det eller om din registrar inte visas.
Inställningen att ändra på ditt domännamn är något som kallas en DNS-post. DNS kan bli ganska komplicerat, men i huvudsak måste vi berätta för vår domänregistrator att när vi besöker www.mydomain.com, vi vill att den ska peka på Squarespace-servrar.
Min domän är registrerad hos GoDaddy, så här är de inställningar som jag konfigurerat med hjälp av sin DNS-kontrollpanel.
När du har ändrat domänens DNS-inställningar som Squarespace kräver kan det ta upp till 24 timmar att träda i kraft. Med registratorer som Hover är förändringarna nästan momentana.
Det är allt! Efter några timmar (DNS-beroende) kommer din webbplats att vara igång med ditt egna domännamn. Medan du befinner dig i försöksperioden visar eventuella besök på din webbplats en varning som säger att webbplatsen fortfarande är en del av en Squarespace-försök, så se till att prenumerera innan du går live med din webbplats.
Squarespace-webbplatser börjar från $ 10 per månad. Du kan få rabatt om du betalar årligen och, beroende på användningen, finns det tre olika prisnivåer:
För amerikanska och canadiska kunder erbjuder Squarespace också en komplett e-handelslösning för försäljning av fysiska och digitala varor. Om du alltid har velat öppna din egen webbutik för att sälja antingen fysiska varor eller programvara, kan du göra det enkelt.
För de flesta användare är standard eller obegränsade planer de bästa alternativen. Du kan uppgradera när som helst så om du inte behöver allt detta utrymme eller ytterligare användare ska logga in, gå först med standardplanen. Faktum är att fortsätt använda provet tills du är redo att starta men kom ihåg att din webbplats visar en stänkskärm medan du är i en rättegång.
Så hur jämför Squarespace med en traditionell värd? Många webbhotell erbjuder delad hosting från cirka $ 5 per månad. Billiga, eller hur? Glöm inte, då måste du konfigurera din CMS-programvara, konfigurera den och se till att den fungerar. Skulle du uppleva några problem med antingen mjukvaran eller värdnätet måste du försöka och först och främst ta reda på var problemet är och börja sedan sourcingstöd.
Wordpress är gratis så det finns ingen extra kostnad för att använda den, och den är oerhört kraftfull och väldigt populär. Om du inte har erfarenhet av att installera webbprogramvara behöver du fakturera på bekostnad av att någon gör det för dig.
På cirka 20 minuter har vi gått från ingenting till en fullt fungerande, snygg webbplats. Det är en månatlig kostnad men med den lägsta nivån på $ 10 per månad är det ungefär samma som en anständig kopp kaffe och sött bakverk varje månad.
En av de största fördelarna med en tjänst som Squarespace är den som sätter du i kontroll över hela din närvaro på nätet. När du vill ändra utseendet, lägg till en sida, ta bort en kontaktformulär, kan du göra det själv direkt - det ger dig möjlighet att styra din närvaro på nätet på ett sätt som många fortfarande inte fullt ut inser.
Accentsconagua