Hoe maak ik een footer?

Allereerst is het handig om te bepalen welke elementen je in een footer wilt weergeven. Denk aan een:

• Logo
• Contactgegevens
• Servicelinks zoals gegevens wijzigen en afmelden
• Social media kanalen

Aan de slag in Spotler

De volgorde van elementen, de uitlijning en de stijl is natuurlijk afhankelijk van je huisstijl. In dit voorbeeld is gebruik gemaakt van een achtergrondkleur. Deze footer is als volgt opgebouwd:

1. In de sectie plaats je één rij bestaande uit drie kolommen. 
   

   

2. Vervolgens plaats je elementen in de rijen. In de eerste kolom plaats je een logo en in de overige twee kolommen tekst. In de derde kolom onder de tekst plaats je nog een Social element.
   

   

3. In het voorbeeld hebben we de rij een achtergrondkleur meegegeven. Selecteer de rij en vul de achtergrondkleur in.
   

   

4. De elementen ga je opmaken, passend bij je huisstijl:
   
   

   Element	Inhoud
   Afbeelding	Plaats je logo in het afbeelding element. Pas deze eventueel qua grootte en uitlijning aan door padding om het logo te plaatsen.
   Tekst element 1	In het eerste tekst element plaats je de contactgegevens. Pas de stijl van de tekst aan naar je huisstijl. Dit doe je door het tekst element te selecteren. Aan de linkerzijde zie je de opties om de tekst te stylen.
   Tekst element 2	Het tweede tekst element zijn links naar servicepagina's zoals gegevens wijzigen en afmelden. In de volgende stap gaan we de links toepassen.
   Social	Het Social element kun je aanpassen door het element te selecteren. Aan de linkerzijde zie je de optie Icoon stijl. Met de dropdown selecteer je een andere stijl.

5. Plaats links achter de elementen.
   

   Element	Inhoud
   Logo	Plaats een link naar je website. Selecteer het logo. Aan de linkerzijde zie je URL. Klik op het koppelteken om een url te plaatsen. Kies voor Type link: Externe link met tracking, zodat je in je rapportage ziet wanneer iemand op je logo klikt. Geef een linknaam op voor je rapportage en de url.
   Servicelink Gegevens wijzigen	Plaats een link naar de webpagina gegevens wijzigen. Selecteer de tekst en klik bovenin op het koppelteken.  Kies voor Type link: Link naar landingspagina in Spotler of gebruik Externe link met tracking, wanneer gegevens wijzigen achter een login gebeurt via je CRM.
   Servicelink Afmelden	Plaats een link naar de afmeldpagina. Selecteer de tekst en klik bovenin op het koppelteken. Kies voor Type link: Speciale link. Selecteer bij Speciale link: Link naar de afmeldpagina. In stap 1 van het opstellen van een bericht heb je al een afmeldpakket geselecteerd. Op basis daarvan weet Spotler naar welke afmeldpagina er gelinkt moet worden.
   Overige links	Selecteer de tekst die je wilt linken. Klik vervolgens op het koppelteken bovenin.  Kies voor Externe link met tracking, zodat je in je rapportage terugziet wanneer iemand op deze link klikt.
   Social	Selecteer het element Social. Aan de linkerzijde kun je jouw verschillende social media kanalen opgeven. Wil je minder kanalen tonen, verwijder dan de overbodige met het prullenbak icoon.

   
   
6. Sla de footer op, zodat je hem eenvoudig kunt hergebruiken. Klik de sectie en vervolgens het sterretje om op te slaan als blok.
   

   

7. Voortaan vind je jouw footer terug aan de linkerzijde onder Content.

Hoe kan ik een afwijkende link stijl gebruiken?

In de algemene instellingen bij de berichten editor, definieer je de algemene link stijl. 


Alle links die je aanmaakt in je bericht krijgen deze stijl. Dat is niet altijd wenselijk. Wanneer je een donkere achtergrond hebt in je footer en lichte teksten, dan kan de behoefte zijn deze links afzonderlijk te stijlen.

Kleur aanpassen

Wanneer je alleen de kleur wilt aanpassen, dan onderneem je de volgende stappen:

1. Selecteer de tekst met je cursor.
2. Kies een andere tekstkleur met de editor bovenin.
   

Onderlijning toepassen of weghalen

Wanneer je in de tab Algemeen hebt aangegeven dat links onderlijnt moeten worden, of juist niet. En je wilt het tegenovergestelde bereiken in je footer, dan pas je dit in de code aan van je bericht. Dit doe je als volgt: 

1. Ga naar het SPML Center bovenin:
   
2. Vervolgens zie je het volgende scherm:Klik op de code in het linkerscherm en vervolgens op CTLR+F, zodat je kan zoeken.
3. Zoek op het woord waar de link achter hangt die je wilt aanpassen qua stijl. Bijvoorbeeld "Gegevens wijzigen".
4. Aan de link voegen we een stijl toe, zodat deze getoond wordt zoals gewenst.
   In het voorbeeld hoeven we alleen de kleur aan te passen, want alle links zijn standaard onderstreept:
   
   <a style="color: #ffffff;" href="https://CT-gegevens%20wijzigen-5068-m19.mailplus.nl/wpAEIsd9bZxB-1224-112010-[activityId]-{encId}" target-href="https://CT-gegevens%20wijzigen-5068-m19.mailplus.nl/wpAEIsd9bZxB-1224-112010-[activityId]-{encId}" target="_blank" rel="noopener">Gegevens wijzigen</a>
   
   Je kunt de link een andere kleur geven en onderstrepen.
   

   Stijl	Inhoud
   Kleur aanpassen	style="color:#000000;" #000000 is de kleur zwart, maar je kunt hier elke kleur toepassen.
   Onderstrepen	style="text-decoration: underline;"
   Combinatie van bovenstaande elementen	style="color:#ffffff; text-decoration: underline;"
   Niet onderstrepen	style="text-decoration: none;"