> For the complete documentation index, see [llms.txt](https://handleiding.salesfeed.com/salesfeed/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://handleiding.salesfeed.com/salesfeed/triggers/alle-acties-op-een-rijtje/javascript-code-uitvoeren/personaliseren-met-slick-slider.md).

# Personaliseren met Slick Slider

Je kunt een slider op een creatieve manier gebruiken om je website te personaliseren. SalesFeed ondersteunt dit voor Slick Slider, een plugin voor het Wordpress CMS. De gratis variant van Slick Slider is hiervoor geschikt.

## De aanpak

De slider rouleert niet. Met een trigger bepaal je welke bezoeker een bepaalde slide te zien moet krijgen. De slider toont direct deze slide en blijft hierop stil staan.

De website bezoeker ziet niet dat er een slider gebruikt wordt (om de reguliere hero van je homepage te tonen of een gepersonaliseerde slide). 

### Je kunt Slick Slider hiervoor als volgt configureren:

* Plaats de huidige hero in slide 0
* Zet de slider standaard stil.
* Kies om **geen** navigatie icons of slide nummers te tonen ( in de gebruikelijke slider toepassingen kan de bezoeker daarmee navigeren naar een andere slide)

### Super tip! 100% van je homepage boven de fold personaliseren

Je bent er impliciet aan gewend dat slides steeds even hoog zijn. Dat is wat je ziet in de praktijk. Anders zou het beeld verspringen tijdens het rouleren.

Omdat de slider in deze creatieve toepassing met je SalesFeed licentie stil staat, kun je ervoor kiezen om de slides die je uitwerkt voor personalisatie, **hoger te maken dan je huidige hero**. Zo kun je alles boven *de fold* vullen met gepersonaliseerde content.

### Personaliseren

Slick Slider heeft ervoor gekozen om de eerste slide het nummer nul te geven.

Met een [trigger](/salesfeed/triggers/introductie-trigger-module.md) kies je welke type bedrijven of bezoeker een andere slide te zien moet krijgen dan slide 0.

De volgende Javascript code zorgt ervoor dat slide 1 opent. Pas het getal 1 aan in de derde regel als je een andere slide wilt tonen.

```
try {
const container = jQuery('.slick-slider.header-slider');
container.slick('slickGoTo', 1);

} catch(err) {
}
```

### Geavanceerd

Je kunt ook:

* op andere pagina's dan je homepage een slider plaatsen
* meerdere sliders boven elkaar plaatsen en onafhankelijk van elkaar aansturen

### Indexering van Slick Slider content

In het kader van SEO, de inhoud van slide 0 wordt in principe geïndexeerd.

### Bedrijven versus bezoekers

Je kunt met een trigger reageren op bedrijfskenmerken. Je kunt ook reageren op gedrag van een bezoeker (device), zoals aantal bezoeken, gelezen content, campagne. [Lees hier meer over >](/salesfeed/triggers/bedrijven-versus-bezoekers.md)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://handleiding.salesfeed.com/salesfeed/triggers/alle-acties-op-een-rijtje/javascript-code-uitvoeren/personaliseren-met-slick-slider.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.