CMS: Een uploadknop toevoegen en instellen

Leestijd 8 minuten
Maak een uploadknop zodat websitebezoekers bestanden rechtstreeks naar je CMS-verzamelingen kunnen sturen. 

Wanneer je de knop aan je verzameling koppelt, kies je het type verzamelingsveld waarin de geüploade bestanden worden opgeslagen. Je kunt kiezen uit veldtypen voor afbeeldingen, documenten, video, audio, mediagalerijen of meerdere documenten. 

Het veldtype dat je koppelt, bepaalt ook het type bestand dat de uploadknop accepteert. De geüploade bestanden worden opgeslagen als nieuwe items in je verzameling en in het 'Bezoekersuploads'-gedeelte van je mediamanager.
Voordat je begint:
Zorg ervoor dat je het CMS toevoegt aan je Editor als je dat nog niet hebt gedaan. 

Stap 1 | Voeg het uploadknop-element toe

Ga naar de relevante pagina in je Editor en voeg de uploadknop toe. 
Wix Editor
Studio Editor
  1. Ga naar je Editor.
  2. Ga naar de pagina waaraan je een uploadknop wilt toevoegen.
  3. Klik links in de Editor op Elementen toevoegen.
  4. Klik op Invoer.
  5. Klik onder Geavanceerd op Uploaden.
  6. Klik en sleep de uploadknop die je wilt gebruiken naar de pagina. 
Screenshot van het toevoegen van een uploadknop in de Wix Editor.

Stap 2 | Koppel het CMS via een dataset


Koppel je uploadknop aan een dataset die is gekoppeld aan een CMS-verzamelingsveld waar je de inzendingen opslaat. 
Wix Editor
Studio Editor
  1. Klik in je Editor op de uploadknop die je zojuist hebt toegevoegd. 
  2. Klik op het Aan CMS koppelen-pictogram
  3. Klik op de Kies een dataset-dropdown en selecteer een bestaande dataset die koppelt aan de verzameling waarin je inzendingen wilt opslaan. Je kunt ook op Dataset toevoegen klikken en vervolgens de verzameling kiezen waarin je de inzendingen wilt opslaan.
  4. Voeg een veld toe aan je verzameling waar je de inzendingen van de uploadknop opslaat:
    Tip: Je kunt ook koppelen aan een bestaand verzamelingsveld. 
    1. Klik op de Bestand gekoppeld aan-dropdown en selecteer Nieuw veld toevoegen
    2. Voer een Veldnaam in voor het nieuwe verzamelingsveld. 
    3. Selecteer in de dropdown het Veldtype dat je aan je verzameling wilt toevoegen. Het veldtype bepaalt het soort bestanden dat je in het veld kunt opslaan
    4. Klik op Toevoegen
Screenshot van het toevoegen van een veld dat gekoppeld is aan de uploadknop.

Stap 3 | Stel de dataset-modus en verzamelingsmachtigingen in

Datasets bepalen de koppeling tussen je uploadknop en je CMS-verzameling. Zorg ervoor dat je de dataset-modus instelt op Schrijven, zodat de uploadknop de bestanden aan je verzameling kan toevoegen. 

Stel indien nodig de machtigingen voor de verzameling in. Je kiest uit vooraf ingestelde machtigingen zoals Formulierinzendingen waarmee bezoekers inhoud kunnen toevoegen. Pas de machtigingen verder aan om te bepalen wie de verzamelingsitems kan toevoegen, bewerken, bekijken en verwijderen. 

Wix Editor
Studio Editor
  1. Klik in het paneel rechts op Dataset-instellingen.
Screenshot van het klikken op de dataset-instellingen in de Wix Editor.
  1. Klik op de Dataset-modus-dropdown en selecteer Schrijven.
  2. (Indien nodig) Klik op het machtigingstype onder Verzamelingsmachtigingen en selecteer Formulierinzendingen in de 1e-dropdown. Je kunt op de extra dropdowns klikken om de machtigingen te verfijnen. Klik als je klaar bent met het instellen van de machtigingen op Opslaan
Screenshot van de instellingen voor de dataset-modus en verzamelingsmachtigingen.

Stap 4 | Pas de uploadknop aan

Bewerk de instellingen om te bepalen hoeveel items tegelijk kunnen worden geüpload, de veldtitel in te stellen en meer. In de indelings- en ontwerpinstellingen kun je het uiterlijk van de knop aanpassen aan je website. 
Wix Editor
Studio Editor
  1. Klik in je Editor op de uploadknop. 
  2. Klik op Instellingen en bewerk het volgende:
    • Uploadinstellingen: Kies het maximum aantal bestanden dat bezoekers tegelijkertijd kunnen uploaden en stel het veld indien nodig in.
      Let op: Negeer de Ondersteund bestandstype-dropdown, die niet van toepassing is op uploadknoppen die zijn gekoppeld aan het CMS. 
    • Weergaveopties: Pas de volgende opties aan:
      • Veldtitel: (aanbevolen) Voer een titel in die boven de knoptekst wordt weergegeven. 
      • Knoptekst: Bewerk de tekst die op de knop zelf verschijnt. 
      • Tekst onder knop: Kies wat je onder de knop wilt weergeven:
        • Alleen bestandsinformatie weergeven: Toon de naam van het bestand dat je bezoeker uploadt. 
        • Aangepaste tekst weergeven: Boer aangepaste tekst in die je onder de knop wilt weergeven, zoals bestandsvereisten. Deze tekst verandert in de naam van het bestand zodra het is geüpload. 
Screenshot van het instellen van de instellingen van de uploadknop.
  1. Klik op het Indeling-pictogramom de afstand, richting, uitlijning en pictogrampositie aan te passen. Klik op Geavanceerd om de uitlijning en richting van specifieke tekst in te stellen.
  2. Klik op het Ontwerp-pictogramen kies een vooraf ingestelde knop. Klik op Ontwerp aanpassen om het ontwerp van de knop verder aan te passen.

Stap 5 | Maak een verzendknop

Je moet een manier creëren voor bezoekers om de bestanden die ze met de knop uploaden in te dienen. Voeg een gewone knop of afbeelding toe en koppel deze aan dezelfde dataset die gekoppeld is aan je inzendingsverzameling. Stel vervolgens de klikactie voor de knop of afbeelding in op Verzenden. Hierdoor kunnen de geüploade bestanden een nieuw item 'schrijven' of creëren in de inzendingenverzameling door op de verzendknop te klikken. 

Als je andere invoerelementen aan dezelfde dataset koppelt, stuurt de verzendknop ook hun invoer naar de verzameling. 
Lees hoe je een verzendknop maakt voor je uploadknop.
Screenshot van een verzendknop onder de uploadknop.

Vond je dit artikel nuttig?

|