Share
In de huidige technologiegedreven wereld is het hebben van een website voor uw bedrijf een absolute noodzaak en waarschijnlijk het belangrijkste onderdeel van marketing.
Bijna een derde van de gehele wereldbevolking maakt gebruik van internet, dus of u nu een freelance schrijver, een webontwikkelaar, een professionele spreker, een makelaar of een eigenaar van een microbedrijf bent, het is van cruciaal belang om een online aanwezigheid te hebben die niet alleen professioneel uitziet maar kan essentiële informatie verstrekken aan uw klanten.
Als onderdeel van onze serie Uw bedrijf online opzetten zonder codering, Ik laat je zien hoe je je eigen professionele en niet te vergeten prachtige website kunt maken met Squarespace, waarvoor je geen enkele regel code hoeft in te voeren.
Traditioneel, als je een website wilde, had je meestal een aantal dingen om te regelen en te overwegen. Deze omvatten:
Voor velen van ons hebben we dat altijd gedaan en gedaan. We betalen elke maand een webhost voor webruimte, stellen onze websoftware in die onze site van stroom voorziet, het uiterlijk verandert en klaar is om te gaan.
Webhosting kan heel goedkoop zijn, maar meestal krijg je waar je voor betaalt. Gedeelde hosting is veruit de meest gebruikelijke optie waarbij veel gebruikers dezelfde server delen, waar de bronnen op alle sites worden gedeeld. Soms kunnen op deze gedeelde servers honderden websites tegelijkertijd worden uitgevoerd. Hierdoor is er altijd een gevaar dat een "buurman" op de server een website kan opzetten die veel bronnen gebruikt, of dit nu komt door het feit dat de site ongelofelijk veel verkeer ontvangt of eenvoudigweg door verkeerd geconfigureerde software. Als dit gebeurt, kan dit een domino-effect hebben, omdat u dezelfde resources deelt en uw site mogelijk wordt onderbroken.
Als je niet goed thuis bent in webdesign of -ontwikkeling, dan vind je het bovenstaande nogal verwarrend. Er zullen altijd webontwerpers en ontwikkelaars zijn die u zou kunnen inhuren en die dit allemaal voor u kunnen regelen.
CMS-software zoals Wordpress heeft het uiterst eenvoudig te installeren gemaakt en, op voorwaarde dat u weet hoe u FTP moet gebruiken en uw weg kunt vinden in een webserver, u zult er geen moeite mee hebben om dit in te stellen. Maar als er iets met uw site gebeurt, moet u dit oplossen. Als uw site daalt of niet precies werkt zoals het zou moeten, moet u de tijd nemen om erachter te komen.
Maar wat als ik je zou vertellen dat je al het bovenstaande zou kunnen overslaan en dat het niet meer zou kosten dan betalen voor webhosting?
Als je naar veel populaire podcasts luistert, heb je ongetwijfeld gehoord van Squarespace. Net als sommige concurrenten, zoals Wordpress.com en Tumblr, is Squarespace een gehost service. U hebt geen afzonderlijke webhosting nodig en er is geen software om te installeren. In feite sla je bijna elke stap van onze lijst over. Dus hoe werkt een gehoste service zoals Squarespace en wanneer is het een goede keuze?
Met een gehoste service bevindt alles met betrekking tot uw website zich op één plek. Het combineert een combinatie van zeer redundante webhosting en krachtige CMS-software, zodat u deze niet zelf hoeft in te stellen en te installeren.
Als er iets misgaat met een update of installatie, met wie spreek je - Webhost of softwareontwikkelaar?
U zult altijd technische ondersteuning hebben voor de meeste aspecten van uw site, mocht u ooit vragen of problemen hebben. Met traditionele webhosting is uw hosting mogelijk bij één bedrijf, maar de software die u wilt gebruiken, is een andere die u in het midden plaatst. Als er iets misgaat met een update of installatie, met wie spreek je - webhost of softwareontwikkelaar?
Omdat elke Squarespace-klant het Squarespace-platform gebruikt, kan geen andere software worden geïnstalleerd. Hoewel sommigen dit beperkend vinden als ze een specifieke behoefte hebben, betekent dit voor anderen dat de zorg van iemand die een verkeerd stuk software installeert dat een serverfout veroorzaakt, niet bestaat.
Squarespace biedt veel redundantie en is zelfs blijven lopen in het kader van natuurrampen. Tijdens orkaan Sandy in oktober 2012 ondervond Squarespace een stroomuitval als gevolg van de slechte weersomstandigheden. In samenwerking met hun datacenterpartners bleven ze de servers met dieselgeneratoren gebruiken om ervoor te zorgen dat sites hun beschikbaarheidsgarantie van 99,99% konden behouden..
Squarespace wordt ook door de cloud gehost, wat betekent dat als een van hun servers zou falen, een andere onmiddellijk in de plaats komt, zonder enig verlies van service. Vergeleken met shared hosting die op een enkele server bestaat, als deze down gaat, gaan alle sites op die server naar beneden totdat deze is opgelost.
Squarespace biedt specifiek een aantal goed uitziende sjablonen waar we op kunnen voortbouwen en vrij uitgebreid kunnen aanpassen. Ze vormen een echt goed startpunt voor het ontwerpen van onze eigen website die werkt alsof we in een foto-editor zitten. We kunnen het formaat van logo's, paginabreedten, kleuren en lettergroottes veranderen, terwijl we de effecten in realtime bekijken.
Dit wil niet zeggen dat goed uitziende sjablonen niet beschikbaar zijn voor uw keuze van CMS als u uw eigen webhost instelt, verre van dat. In feite zijn er enkele werkelijk verbazingwekkende sjablonen die u kunt kopen van sites zoals ThemeForest. Het belangrijkste verschil is dat u rekening moet houden met het kopen van een sjabloon en met eventuele kosten als u bepaalde aspecten van de sjabloon fundamenteel wilt wijzigen..
Een ander voordeel van een service als deze is dat, hoewel het aantal sjablonen lager kan zijn in vergelijking met andere, ze veel flexibeler zijn en voortdurend worden bijgewerkt en getest tegen grote browsers. Dit betekent dat uw site er hetzelfde zal uitzien in Internet Explorer als in Google Chrome.
Gehoste oplossingen zoals Squarespace zijn ontworpen om krachtig en toch gebruiksvriendelijk te zijn. Hun uitgebreide ondersteuning, forums en video-tutorials betekenen dat je de ins en outs van de service helemaal zelf kunt leren.
Squarespace is een goede keuze als u een volledig functionele site wilt opzetten die gemakkelijk is aan te passen zonder al te betrokken te raken in hoe websites werken. Het is echter niet voor iedereen. Als u een volledig aangepaste site wilt die bepaalde functies heeft die Squarespace nog niet biedt, bent u veel beter af met de veelzijdigheid van een speciale webhost.
Voor deze serie heb ik besloten een nieuw softwarebedrijf op te richten met de naam '2bit Software'. Ik ben echt heel enthousiast om een nieuwe website in gebruik te krijgen, maar ik ben al erg druk met mijn nieuwste apps. Ik heb niet veel tijd te besteden aan het opzetten van webhosting, het installeren van een CMS, enz. In plaats daarvan ga ik mijn website in Squarespace van start tot finish opzetten.
Squarespace biedt een proefperiode van 14 dagen aan dat vereist geen factuurinformatie. Dit is perfect voor mij omdat ik niet wil beginnen met betalen voor een dienst die ik misschien niet wil gebruiken.
Bezoek Squarespace en klik Begin.
Voordat we om verdere informatie worden gevraagd, wordt ons gevraagd om het ontwerp voor onze site te selecteren. Squarespace werkt met een reeks responsieve sjablonen die sterk kunnen worden aangepast. Maak je geen zorgen over het selecteren van een item dat je misschien niet leuk vindt, je kunt de sjablonen op elk gewenst moment uitschakelen.
Ik hou echt van het uiterlijk van de sjabloon Vliegenier. Plaats de muisaanwijzer op de sjabloon en klik vervolgens op Bekijk Aviator. Laten we eens kijken hoe onze sjabloon eruit ziet om mee te beginnen. Plaats de muisaanwijzer op de grote voorbeeldafbeelding en selecteer Live voorvertoning.
Alle Squarespace-sjablonen reageren, wat betekent dat ze zich aanpassen aan het apparaat waarop ze passen, in de meeste gevallen een mobiel apparaat zoals een iPhone. We kunnen echt zien hoe het eruit zou zien op een mobiel apparaat door over het mobiele voorbeeld te bewegen en te selecteren Mobiele weergave.
Ik ben erg blij met dit ontwerp, dus ga je gang en selecteer Begin met dit ontwerp. Voer je naam en e-mailadres in, evenals een (veilig!) Wachtwoord.
Nu we ons Squarespace-account hebben gemaakt, zijn we automatisch ingelogd bij de Site Manager. Dit is hoe we alles op onze site bijwerken, van de inhoud tot de kleuren.
We hebben toegang tot functies zoals het toevoegen / verwijderen van pagina's en andere inhoud, analytische informatie om ons te vertellen hoeveel mensen onze site hebben bekeken en van welke sites ze zijn gekomen, evenals wat meer configuratie-opties.
Alle Squarespace vroeg om mijn naam, maar ik wil de site personaliseren met de bedrijfsnaam en informatie. Hiertoe selecteert u de instellingen sectie, aangegeven door het tandwielpictogram.
Hier kunnen we de bedrijfsinformatie invullen en de naam en beschrijving van de site aanpassen. Maak je geen zorgen over het onzinnige Latijn, dit is slechts plaatsaanduidingstekst die ik heb toegevoegd.
Verderop op de pagina kunnen we ons logo en contactgegevens toevoegen die in bepaalde delen van de site worden gebruikt.
Voor het opzetten van een nieuwe site met Squarespace moet een aantal demo-inhoud worden toegevoegd. De live preview van onze template die we eerder zagen, is eigenlijk wat we op dit moment hebben. Voordat we verder gaan, laten we eens kijken naar onze site zoals deze nu is. Selecteer de voorbeeldkoppeling die het pictogram linksboven is, weergegeven door een oog.
Zoals je ziet, zijn onze wijzigingen in logo's en beschrijvingen van kracht. Via enkele van de links linksboven kunnen we navigeren door de demo-inhoud die we kregen. Laten we eens kijken naar de Menu pagina.
Nogmaals, onze nieuwe informatie wordt al op alle pagina's getoond. Het enige wat we nu hoeven te doen, is de inhoud te veranderen in wat we willen. Om toegang te krijgen tot de sitebeheerder, selecteert u eenvoudigweg het tandwielpictogram rechtsonder op de pagina.
Om te zien welke pagina's we hebben, hoeven we alleen maar te kijken onder de Navigatie kolom.
Onder Hoofdnavigatie zijn alle pagina's die in het menu van de site worden weergegeven. Onder de titel Niet gekoppeld zijn pagina's die nog steeds kunnen worden geopend maar niet in het menu worden weergegeven. Dit is handig voor pagina's waar ze geen menukop nodig hebben, maar die u mogelijk elders moet linken, zoals een "algemene voorwaarden" of een "legale" pagina.
Laten we verder gaan en alle pagina's verwijderen, behalve 'info' van de demo-inhoud. Beweeg uw muis over elke pagina en er verschijnt een klein X-pictogram, selecteer het en bevestig dat u elke pagina wilt verwijderen. Als je klaar bent, zou je het volgende moeten nalaten:
Tijd om een nieuwe pagina toe te voegen. kiezen Pagina toevoegen onder Hoofdnavigatie.
We willen gewoon een standaardpagina toevoegen, dus selecteer de eerste optie en noem het "Home".
We willen dat dit onze startpagina is, dus wanneer iemand de site bezoekt, is dit de eerste pagina die ze te zien krijgen. Beweeg de cursor over de paginanaam totdat een tandwielpictogram verschijnt en selecteer het vervolgens. U kunt dit dan de startpagina maken.
Als u tekst wilt toevoegen, klikt u op de plaats waar deze staat Klik hier om te beginnen met typen en voer wat tekst in.
Squarespace beheert inhoud in blokken. We kunnen verschillende blokken toevoegen voor verschillende doeleinden, zoals tekst, afbeeldingen, video en meer. Aangezien we ons eerste tekstvak hebben toegevoegd, kunnen we hieronder een horizontale regel toevoegen. Klik + Voeg blok toe en selecteer vervolgens Horizontale regel. Het plaatst het direct onder ons tekstblok. Als we dat willen, kunnen we blokken op elk gewenst moment opnieuw ordenen door erover te bewegen en ze te slepen naar de gewenste plek.
Vervolgens wil ik twee afzonderlijke afbeeldingen naast elkaar toevoegen. Voeg eerst een nieuw blok toe, maar selecteer dit keer Beeld. Voeg een afbeelding van uw keuze toe en selecteer vervolgens Opslaan. Doe nu hetzelfde voor een tweede afbeelding.
We hebben nu twee afbeeldingen, de ene op de andere. Als u ze naast elkaar wilt verplaatsen, sleept u de tweede afbeelding naar de rechterkant van de eerste, sleept u deze in feite naar de gewenste plaats. Er verschijnt een blauwe lijn met het woord "kolom", wat betekent dat u het als een nieuwe kolom wilt toevoegen. Laat de muisknop los en de foto's worden automatisch verkleind en aangepast om naast elkaar te zitten.
kiezen Opslaan en publiceren, dan klikken Bekijk pagina bovenaan om te zien hoe het eruit ziet.
Laten we wat meer inhoud toevoegen. Ga terug naar de sitebeheerder en voeg een nieuwe pagina toe met de naam "Contact".
Voeg wat tekst toe aan het standaardtekstvak en voeg vervolgens een nieuw blok toe, maar voeg dit keer een toe Het formulier. Nieuwe formulieren verzenden standaard e-mails naar het e-mailadres waarmee u zich hebt geregistreerd.
Een leuke feature over Squarespace-formulieren is dat je ze kunt gebruiken voor meer dan alleen maar een e-mail sturen. Zodra u het systeem meer onder de knie hebt, kunt u Google Docs en zelfs Mailchimp integreren om een complete marketingtool te ontwikkelen, allemaal zonder enige codering.
Nadat we een nieuw formulier hebben toegevoegd en het opnieuw hebben gepositioneerd, kunnen we ook de breedte van de kolom die ze delen aanpassen, zodat er meer ruimte is voor ons formulier of tekstvak. Laten we wat meer ruimte geven aan ons contactformulier. Beweeg de muis over het midden van de twee blokken en je ziet de cursor veranderen, je kunt dan klikken en naar links of rechts slepen, afhankelijk van het vak dat je meer ruimte wilt geven.
Als u klaar bent, bekijkt u de pagina.
Laten we nog een wijziging aanbrengen op onze site voordat we de stijl gaan aanpassen. De info pagina is mooi, maar niet iets dat we willen gebruiken. Terug in de sitemanager, sleep het naar de Niet gekoppeld zodat we het uit het menu van de site kunnen halen.
Voeg een laatste pagina toe met de naam "Services" en probeer enkele van de andere blokken uit waarin u mogelijk geïnteresseerd bent. Nadat u dat hebt gedaan, herschikt u het menu zodat de Contact-pagina de laatste pagina in het menu is.
We zijn bijna klaar met de lay-out van onze site, nu om aan te passen hoe onze site eruitziet. Als u dit nog niet doet, bekijkt u onze site zodat u kunt zien hoe het er op dat moment uitziet.
Gebruik het menu aan de rechteronderkant van het scherm en selecteer het pictogram van het penseel, dit komt in het Stijlmodus. Hier kunnen we alle kleuren en formaten aanpassen die we op onze site willen gebruiken.
Om te beginnen, mijn logo is vrij donker omdat het op een donkere achtergrond staat. Laten we de achtergrond van de kop wijzigen om het een beetje lichter te maken, zodat we het veel gemakkelijker kunnen zien. U kunt selecteren welk element u wilt wijzigen door het met de muis te selecteren. Selecteer de koptekst en zorg ervoor dat u het volledige vak selecteert en niet de titel of het logo.
Wanneer u een element selecteert, worden alle toepasselijke eigenschappen weergegeven in de linkerkolom. kiezen Header achtergrond en verander het in een veel lichtere kleur. Als je wilt, kun je wat transparantie behouden.
Dat ziet er goed uit. Onze tekst met onze contactgegevens is echter een beetje moeilijk te lezen. Laten we de kleur van deze tekst aanpassen en donkerder maken.
Veel beter. Het logo en de tekst zijn veel duidelijker en gemakkelijker te zien.
Ik ben geen fan van hoofdletters voor koppen. Nogmaals, om een specifiek element te veranderen, selecteer het met de muis en de stijl-editor zal de eigenschappen tonen die beschikbaar zijn om te veranderen. Wijzig de teksttransformatie zodat deze niet langer in hoofdletters is. Wijzig de letter-spatiëring naar 0 pixels, hierdoor worden de letters dichter bij elkaar geplaatst.
Selecteer tot slot enkele van de standaard paragrafen die we hebben geschreven en verander het lettertype in Proxima Nova.
Als we naar het voetgedeelte scrollen, kunnen we zien dat het wijzigen van de achtergrond ertoe heeft geleid dat de koppelingen moeilijk te lezen zijn. Selecteer de koppelingen en pas vervolgens hun kleur aan met behulp van de stijleditor.
Terwijl het menu in de linkerbovenhoek er goed uitziet, laten we het traditioneler maken door het boven aan de pagina te plaatsen. Selecteer het navigatiegebied en de eigenschap die we moeten wijzigen, wordt genoemd Infopagina-indeling.
Verander de eigenschap in "Poster".
Om de grootte van de site aan te passen. Ik wil de site een beetje smaller maken, omdat ik denk dat deze er best goed uitziet. Het formaat wijzigen is heel eenvoudig. Beweeg de muis over de rand van de pagina en klik en sleep om hem aan te passen.
Ik heb de grootte van de site teruggebracht tot 50%.
Laten we de achtergrondafbeelding helemaal verwijderen. Klik op de achtergrond en selecteer in de stijleditor Achtergrond afbeelding. Hoewel al die koffie er nogal verleidelijk uitziet, past deze niet echt bij onze site, dus laten we er vanaf. Klik op het kleine verwijderpictogram en we hebben nog een achtergrond met één kleur. U kunt deze ook wijzigen in een van uw eigen.
Afhankelijk van de achtergrond die u selecteert, moet u mogelijk enkele kleine aanpassingen in kleuren aanbrengen. Blijf gewoon wijzigingen aanbrengen totdat je tevreden bent met wat je hebt.
Omdat we de achtergrond van de demo hebben verwijderd, kunnen we de voettekst aanpassen om het afbeeldingstegoed te verwijderen. Om dit te doen, verlaat u de Style Editor en selecteert u het eerste pictogram in het Squarespace-menu voor de Inhoud editor.
Ik heb de voetnoot hier aangepast om ook een copyright toe te voegen.
Tot nu toe hebben we ongeveer 20 minuten besteed aan het maken van een site die we kunnen gebruiken. We willen echter niet het standaard adres gebruiken dat Squarespace ons heeft gegeven, we willen onze eigen domeinnaam gebruiken!
Als u zich abonneert op de jaarplannen van Squarespace, komt u in aanmerking voor één gratis domeinnaamregistratie. Als u al een domeinnaam heeft, kunt u die in plaats daarvan gewoon gebruiken. Als u een domeinnaam via Squarespace krijgt, is deze sectie niet nodig en kunt u helemaal naar het einde springen.
Log opnieuw in op de Site Manager en selecteer instellingen, dan domeinen.
Klik op + Link Bestaand domein en voer vervolgens uw domeinnaam in die u wilt gebruiken. Hierdoor wordt onze domeinnaam niet automatisch bijgewerkt, dit vertelt Squarespace eenvoudig welke domeinnaam we verwachten te gebruiken. We moeten iets anders veranderen ...
Dit deel is niet bepaald lastig, maar er is geen standaardoplossing, het hangt echt af van je domeinregistrar. Als uw domeinnaam momenteel met Hover of Godaddy is, hebben ze verschillende methoden om ze te wijzigen.
Gelukkig biedt Squarespace een geweldige video-zelfstudie die de meeste grote registrars behandelt. Het geeft instructies over de basisinformatie die alle registrators nodig hebben als u weet hoe het moet of als uw registrar niet wordt weergegeven.
De instelling die u wilt wijzigen voor uw domeinnaam is een naam die een DNS-record wordt genoemd. DNS kan behoorlijk ingewikkeld worden, maar in wezen moeten we dit aan onze domeinregistreerder vertellen die we bezoeken www.mydomain.com, we willen dat het wijst naar de servers van Squarespace.
Mijn domein is momenteel geregistreerd bij GoDaddy, dus hier zijn de instellingen die ik heb geconfigureerd met behulp van hun DNS-configuratiescherm.
Zodra u de DNS-instellingen van uw domein heeft gewijzigd zoals Squarespace vereist, kan het maximaal 24 uur duren voordat dit van kracht wordt. Met registrars zoals Hover zijn de wijzigingen vrijwel onmiddellijk.
Dat is het! Na een paar uur (DNS-afhankelijk), is uw site actief met uw aangepaste domeinnaam. Terwijl u zich in de proefperiode bevindt, wordt bij elk bezoek aan uw site een waarschuwing weergegeven dat de site nog steeds deel uitmaakt van een Squarespace-proef. Meld u dus aan voordat u live gaat met uw site..
Squarespace-sites starten vanaf $ 10 per maand. U kunt korting krijgen als u jaarlijks betaalt en, afhankelijk van uw gebruik, er drie verschillende prijsniveaus zijn:
Voor Amerikaanse en Canadese klanten biedt Squarespace ook een volledige e-commerceoplossing voor de verkoop van fysieke en digitale goederen. Als u altijd al uw eigen online winkel wilde openen om fysieke goederen of software te verkopen, kunt u dat eenvoudig doen.
Voor de meeste gebruikers zijn de standaard of onbeperkte abonnementen de beste opties. Je kunt op elk moment upgraden, tenzij je al die ruimte nodig hebt of extra gebruikers om in te loggen, kies eerst het standaardplan. Blijf de proefversie gebruiken tot u klaar bent om te starten, maar onthoud dat uw site tijdens een proef een startscherm weergeeft.
Dus hoe verhoudt Squarespace zich tot een traditionele host? Veel webhosts bieden shared hosting vanaf ongeveer $ 5 per maand. Goedkoop, toch? Vergeet niet dat u uw CMS-software moet instellen, configureren en controleren of alles werkt. Als u problemen ondervindt met de software of met hosting, moet u proberen eerst uit te zoeken waar het probleem zit en vervolgens ondersteuning aanvragen..
Wordpress is gratis, dus er zijn geen extra kosten aan verbonden, en het is ongelooflijk krachtig en erg populair. Als u geen ervaring hebt met het installeren van websoftware, moet u rekening houden met de kosten om iemand het voor u te laten doen.
In ongeveer 20 minuten zijn we van niets naar een volledig functionele, goed uitziende website gegaan. Er zijn maandelijkse kosten aan verbonden, maar op het laagste niveau van $ 10 per maand is het ongeveer hetzelfde als elke maand een fatsoenlijke kop koffie en zoet gebak.
Een van de grootste voordelen van een dienst zoals Squarespace is dat het zet u controle hebben over uw hele aanwezigheid op het web. Telkens wanneer u het uiterlijk wilt veranderen, een pagina wilt toevoegen, een contactformulier wilt verwijderen, kunt u dit meteen zelf doen - het stelt u in staat uw online aanwezigheid te controleren op een manier die veel mensen nog steeds niet volledig realiseren.
Accentsconagua