Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här addar du en custom domän alias för din WordPress Landing Page

Många WordPress-användare vet inte att de kan peka olika domännamn till specifika sidor på sin befintliga webbplats. På så sätt kan du skapa riktade landningssidor med unika webbadresser, helt utan att behöva flera WordPress-webbplatser eller extra hostingkonton.

Vi har drivit hundratals marknadsföringskampanjer, så vi vet hur värdefullt detta kan vara för småföretagare. Det sparar tid, pengar och huvudvärk.

Om du är intresserad av att lära dig mer, fortsätt läsa. Den här guiden visar dig exakt hur du skapar en bra landningssida, ansluter ett nytt domännamn till din sida och konfigurerar din domän och ditt webbhotell på rätt sätt.

How to add a custom domain alias for your WordPress landing page

Varför add to en custom domän för en WordPress Landing Page?

Många webbplatsägare använder landing pages för att få försäljning, utöka sina email lists, främja specifika produkter och mycket mer. Som standard kommer dessa landing pages att ha samma domain name som resten av din website, men ibland kanske du vill använda en custom domain istället.

Låt oss titta på ett exempel. Tänk dig att du publicerar recept på en website som heter mycookingrecipes.com. Nu vill du förstora din blogg genom att sälja matlagningskurser online. Du vill hålla dina recept och kurser separerade för att ej förvirra din befintliga publik.

Istället för att skapa en helt ny webbplats kan du lägga till en custom domän och sedan peka den till en landing page på din befintliga webbplats.

Detta allow you att sälja onlinekurser och publicera recept från samma WordPress install. Du kommer att lägga mindre tid på underhåll av webbplatsen och kan hålla kostnaderna för din website under control.

Likes, om du är en marknadsföringsbyrå som bygger landing pages för kunder med hjälp av en plattform som Unbounce, då kan du leverera alla dessa sidor från en enda WordPress install.

Med detta sagt, låt oss ta en titt på hur du enkelt kan add to ett custom domän alias till din WordPress landing page. Du kan använda snabblänkarna under för att hoppa till ett specifikt steg:

Steg 1: Skaffa ett domännamn och WordPress Page Builder

Först måste du se till att ditt webbhotell för WordPress tillåter dig att peka flera domäner till samma WordPress website.

Efter det behöver du ett nytt domännamn. Vi rekommenderar att du använder Domain.com eftersom de är en av de bästa domännamnsregistratorerna på marknaden. De har konkurrenskraftiga priser och du kan använda deras domännamn med alla WordPress-hostingföretag.

The Domain.com domain registrar

Om du behöver tips om hur du väljer ett domännamn kan du kolla in dessa guider:

Slutligen behöver du SeedProd. Det är det bästa WordPress page builder plugin på marknaden och kommer med mer än 300 templates och 90 block som du helt enkelt kan dra och drop på dina landing pages.

Det låter dig också mappa en custom domän till vilken landing page som helst.

The SeedProd page builder plugin

Obs/observera: Det finns en gratis version av SeedProd som allow you att skapa customize pages oavsett din budget. Vi kommer dock att använda premium SeedProd plugin eftersom det har en utvald funktion för ompekning av domäner.

Steg 2: Skapa din landningssida i WordPress

Till att börja med måste du skapa en landing page på din befintliga website i WordPress. I ett senare steg mappar du ett nytt domain name till denna landing page.

Först installerar och aktiverar du SeedProd plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

Efter att ha aktiverat pluginet kommer SeedProd att be om din license key.

Adding the license key to SeedProd

You can find this key under your account on the SeedProd website. När du har enter informationen klickar du bara på ”Verify Key”.

Gå sedan till SeedProd ” Landing Pages och klicka på ’Add New Landing Page’.

Creating a new page using SeedProd

Välj en SeedProd Page Template

På nästa vy kan du välja en template för din custom page i WordPress.

SeedProds templates är organiserade i olika kampanjtyper som coming soon, webinar och 404 page. Du kan clicka på tabbarna högst upp på vyn för att filtrera templates baserat på kampanjtyp.

Choosing a landing page template using SeedProd

Eftersom du skapar en landing page kanske du vill titta på kategorierna ”Sales” eller ”Lead Squeeze” template.

För att previewa en template, hoverar du bara musen över designen och clickar sedan på magnifying glass iconen.

Previewing a ready-made template

När du hittar en design som du gillar klickar du på ”Choose This Template”. Vi använder mallen ”Masterclass Sales Page” i alla våra images, men du kan använda vilken template du vill.

Skapa en sökmotorsoptimering av rubriken på sidan

Gå sedan vidare och skriv in ett namn för din landing page. SeedProd kommer automatiskt att skapa en URL baserat på sidans rubrik, men du kan ändra denna URL till vad du vill.

För att hjälpa sökmotorerna att förstå vad den här page handlar om kan du add to några relevanta keywords, vilket ofta kan förbättra din sökmotorsoptimering i WordPress.

Adding relevant keywords to a landing page URL

Mer information finns i vår artikel om vad som är en SEO-vänlig URL-struktur i WordPress.

När du är nöjd med den information du har skrivit in klickar du på knappen ”Save and Start Editing the Page”.

Designa din page med hjälp av SeedProd Blocks och Sections

Detta kommer att starta drag and drop page builder. Till höger ser du en live preview av din page. Du kommer också att se blockinställningar till vänster.

A drag and drop landing page builder

Page buildern är super enkel att använda.

För att customize ett block klickar du bara för att välja det i page editor. I den vänstra toolbaren visas sedan alla inställningar för det blocket. Här ändrar vi till exempel texten i ett block med rubriken ”Headline”.

Adding headings to a custom WordPress landing page

Du kan formatera texten, ändra justering, lägga till länkar med mera med hjälp av inställningarna i menyn till vänster.

Glöm inte att följa bästa praxis för att skriva rubriker för landningssidor. Om du vill ha fler tips och tricks kan du kolla in vår guide om hur du använder ett verktyg för rubrikanalys för att förbättra SEO-titlar i WordPress.

Du kan även add to CSS-animationer och box shadows med hjälp av inställningarna i tabben ”Advanced”.

Adding animations and box shadows using SeedProd

Om du vill ta bort ett block från din landing page klickar du bara på för att selecta blocket.

Klicka sedan på ikonen för papperskorgen i mini-toolbaren.

Removing blocks from a SeedProd landing page

För att add to mer content hittar du helt enkelt rätt block i menyn till vänster och drar det sedan till layouten på sidan.

Sedan kan du customize blocket genom att följa samma process som beskrivs ovan.

Adding social media buttons to a landing page using SeedProd

Om du skapar en landing page för att sälja produkter och tjänster, så har SeedProd också en rad WooCommerce block som du kan add to din design.

SeedProd har också ”Sections”, som är rader och block templates som ofta används tillsammans, inklusive rubriker, hero images, call-to-action knappar och mer.

För att se all available sections, klicka på tabben ”Sections”.

Adding section templates to a WordPress landing page

För att få en preview av en section, hoverar du musen över den och clickar sedan på magnifying glass icon.

När du hittar en section som du vill add to på din landing page, för du bara muspekaren över den och klickar sedan på den lilla iconen ”+”.

Adding ready-made sections to a landing page

Detta addar section till längst ner på din landing page. Du kan flytta både sections och blocks runt din design med drag and drop för att skapa din perfekta layout.

Du kan också ändra storlek på font, färger, bakgrundsbilder med mera.

Customizing SeedProd blocks using a drag and drop page builder

För mer detaljerade instruktioner om hur du utformar en iögonfallande sida, vänligen se våra guider om hur du skapar en landing page med WordPress och hur du skapar en försäljningssida som konverterar.

Activate SeedProd’s tredjepartsintegrationer

Om du skapar en landing page för att få fler konverteringar, så fungerar SeedProd med många populära tredjeparts tools som du kanske redan använder. Detta inkluderar högst upp e-postmarknadsföringsplattformar, Google Analytics, och mer.

För att ansluta din landing page till din tjänst för e-postmarknadsföring klickar du bara på tabben ”Connect”. Du kan sedan hovera musen över den tjänst för e-postmarknadsföring som du använder på din website, till exempel Constant Contact eller Campaign Monitor.

Klicka sedan på knappen ”Anslut” när den dyker upp.

The Constant Contact email marketing service

SeedProd kommer nu att visa hur du ansluter page till din tjänst för email-marknadsföring.

När du är nöjd med hur pages är uppbyggd klickar du på ”Save” och väljer sedan ”Publicera”.

Publishing a custom landing page in WordPress

Steg 3: Lägg till en anpassad domän på din landningssida

Nu är det dags att berätta för SeedProd att använda ett custom domän alias för denna landing page.

För att göra det, välj bara ”Page Settings” och klicka sedan på ”Custom Domain”.

Adding a custom domain alias for your WordPress landing page

Efter det klickar du på knappen ”On” bredvid ”Custom Domain”. Du kan nu skriva in det domain name du vill använda.

Erbjuder din provider av domäner också ett gratis SSL-certifikat, t.ex. SiteGround? Se då till att du klickar på ”Force HTTPs”-knappen så att den blir orange.

Adding a custom domain alias to your landing page using SeedProd

Glöm inte att klicka på knappen ”Save” för att spara dina ändringar.

Om du nu besöker din customize domän kommer du att få ett error eftersom domänen inte pekar på din WordPress blogg eller website ännu. Låt oss ändra på det.

Steg 4: Rikta ditt anpassade domänalias till din WordPress-hosting

För att peka ditt customize domän alias till din WordPress hosting provider, måste du edit DNS namnservrar under din domän registrar konto.

Namnservrar talar om för det globala systemet för domain name var man ska leta efter en viss website. You can point a domain to your website by changing the domain nameserver (Du kan peka en domän till din website genom att ändra domänens namnserver).

Du kan ta reda på vilka namnservrar din hosting provider använder genom att kontakta deras support team. Bluehost använder till exempel följande namnservrar för de flesta websites:

ns1.bluehost.com
ns2.bluehost.com

Om du ej är säker på vilka namnservrar din hosting provider använder, kan du hitta den informationen i din adminpanel eller kontakta deras support team. För att hjälpa dig att få den information du behöver kan du kontrollera vår guide om hur du ber om support på rätt sätt och får den.

Se till att du skriver ner dessa namnservrar eftersom du kommer att behöva dem i nästa steg.

I den här guiden ska vi visa you hur man ställer in ett customize alias för en domän registrerad på Domain.com genom att peka den till Bluehost. Stegen bör vara liknande för de flesta domänregistratorer, men du kan alltid kontrollera din registrators dokumentation för mer information.

Först måste du logga in på ditt konto på Domain.com. Därefter klickar du bara på länken ”DNS & Nameservers” i den vänstra sidebaren.

Domain.com's DNS and Nameservers settings

Innan du gör något annat ska du kontrollera att rätt domän är vald högst upp på vyn och ändra den om det behövs. Efter det rullar du ner till sektionen DNS records.

Klicka här på de tre punkterna bredvid ”ns1.domän.com” och välj ”Edit”.

Editing the nameservers in Domain.com

Detta öppnar en popup för ”Edit DNS Record”.

Skriv bara in den nya namnservern i lämpligt fält och klicka sedan på ”Update Nameserver”.

Replacing Domain.com's nameservers with Bluehost's

Upprepa denna process för namnserverposten ns2.domän.com.

När du har gjort det kommer du att se dina uppdaterade namnservrar i listan.

Bluehost's nameservers in Domain.com

För mer detaljer, vänligen se vår guide om hur du enkelt ändrar DNS-namnservrar.

Steg 5: Lägg till en anpassad domän på ditt värdtjänstkonto

Nu när din customizer domän pekar till din hosting provider för WordPress är det dags att add to domänen till ditt hosting account.

Vi visar dig hur du lägger till ett domain name i Bluehost. Processen är dock liknande för de flesta hosting providers.

Logga bara in på dashboarden för ditt webbhotell och gå sedan till ’Websites’ tabs. Sedan klickar du på knappen ”Add Site”.

Adding a new site in Bluehost

På nästa vy ska du se till att välja alternativet ”Other (empty environment)”. Detta alternativ tillåter dig att add to ett externt domain name till ditt Bluehost account utan att skapa en website för det.

När du har gjort det klickar du bara på ”Fortsätt”.

Choosing the Other empty environment option in Bluehost

Nu ska du skriva in titeln på din webbplats.

Du kan gratis hoppa över det här steget och trycka på knappen ”Fortsätt” om du vill.

Inserting a site title for a new Bluehost WordPress site

Låt oss gå vidare och lägga till ditt domain name.

Skriv bara in ditt domain name som du registrerade någon annanstans i lämpligt fält. Efter det klickar du bara på knappen ”Fortsätt”.

Choosing the Other empty environment option in Bluehost

Bluehost kommer sedan att slutför installationen och kontrollera om du har lagt till deras namnservrar till din domän.

För att se om Bluehost har slutfört konfigurationen av ditt domännamn, gå bara till tabben ”Websites” och klicka på knappen ”Settings” på domänen du just har lagt till.

Clicking the Settings button on an empty Bluehost website

Efter det går du bara till tabben ”Settings”.

Om du ser knappen ”Finish Setup”, clickar du på den.

Clicking the Finish Setup button in Bluehost

När du har klickat på knappen ”Finish Setup” kommer Bluehost att berätta att du måste add to deras namnservrar till dina inställningar för domänregistrator.

Även om du har lagt till namnservrarna kan det dock ta upp till 48-72 timmar innan ditt domännamn fungerar korrekt på grund av DNS-propagering. Du kan lära dig mer om detta ämne i vår WordPress DNS-konfigurationsguide.

Så vänta bara, klicka på knappen ”Save Changes” och kontrollera denna page regelbundet. Om det uppstår problem kan du kontakta din domänregistrator eller Bluehost för att få hjälp.

Finishing the setup for adding an external domain in Bluehost

Så snart det är gjort kommer din landing page att använda den customiserade domänen.

Försök att besöka denna URL så får du se landing page i action.

An example of a landing page, created using SeedProd and WordPress

Vi hoppas att den här artikeln hjälpte dig att peka ditt anpassade domänalias till din WordPress-landningssida. Du kanske också vill se vår guide om hur du skapar en WordPress-multisite med olika domäner och vår lista med tips om hur du använder Google Search Console för att öka webbplatstrafiken.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

Kommentarer

  1. Grattis, du har möjlighet att bli den första kommentatorn på den här artikeln.
    Har du en fråga eller ett förslag? Lämna gärna en kommentar för att starta diskussionen.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.