Search Results for:

Met de WordPress functie is het mogelijk om content van jouw WordPress blog of website te integreren in jouw app.

Met deze functie heb je twee opties:

Je kan een applicatie maken met waarbij je 1 WordPress pagina integreert wat content bevat van een blog of enkele categorieën waar jij een selectie van hebt gemaakt.

Of je kan een applicatie maken met meerdere WordPress pagina’s om content te tonen van een categorie of een complete blog. Met deze manier zal de beginpagina er als volgt uitzien:

Natuurlijk kan je de iconen van de WordPress pagina’s aanpassen en je eigen design bepalen. Je kan zoveel WordPress pagina’s aanmaken als je zelf wilt.

Volg de volgende stappen en leer hoe ook jij content van jouw WordPress blog kan integreren in jouw app.

Stap 1:

Eerst dien je een WordPress pagina toe te voegen in jouw app. Klik op . Het volgende scherm verschijnt:

Klik op ‘Klik hier om onze WordPress plugin te downloaden’. Je kan zonder de plugin geen gebruik maken van deze functionaliteit.

Ga nu naar jouw WordPress dashboard. Het volgende scherm verschijnt:

Klik op ‘Plugins’ en dan op ‘Add new’. Het volgende scherm wordt geopend:

Klik op ‘Upload’. Het volgende verschijnt:

Klik op ‘Choose File’ en selecteer ‘app-creator.zip’ document. Zodra je het bestand hebt geselcteerd klik je op ‘Install Now’ en activeer de plugin.

Stap 2

Ga terug naar jouw app

Voer de URL van jouw blog in.

Zodra je de URL hebt ingevoerd klik je op OK. Appmakenonline vindt dan automatisch alle content en sorteert alle categorieën uit. Je hebt nu de mogelijkheid om alle content te publiceren of alleen van een categorie. Standaard selecteert Appmakenonline alle categorieën van het blog. Je kan categorieën uitvinken die je niet wilt laten tonen.

Hier heb je een voorbeeld, wij hebben de keuze gemaakt om alleen de categorie ‘Exercices’ te selecteren. Je kan er zelf voor kiezen of je in een pagina alle content wilt laten tonen van jouw WordPress website of de content wil verdelen over meerdere pagina’s in de app.

Wanneer je klaar bent met het integreren van de content, vergeet dan niet om op ‘Opslaan’ te klikken.

Je bent nu klaar!

Met deze functie is het mogelijk om jouw WooCommerce webshop te integreren in jouw app. Dit is een andere functionaliteit dan de functie WooCommerce Link waarmee je alleen een link naar jouw webshop toe kan instellen.

Eerst dien je in te loggen in jouw WordPress omgeving. Ga vervolgens naar de instellen toe van WooCommerce.

Zodra je bij de instellingen bent klik je op de tab ‘API’. Activeer de ‘REST API’, zoals onderstaande print screen en sla op:

Ga nu naar de algemene instellingen van WordPress en klik op Permalinks.

In dit gedeelte kan jij zelf een keuze maken. Je kan alleen niet kiezen voor ‘Vlak’. Wanneer je hiervoor kiest, zal het niet werken.

Ga vervolgens terug naar WooCommerce -> Instellingen -> API. Wij gaan nu de API keys aanmaken. Om dit te doen klik je op ‘Keys/Apps’. Klik vervolgens op ‘Voeg key toe’. Voer nu de beschrijving van jouw API key in, kies een gebruiker en zet de toestemmingen op ‘Lezen/Schrijven’. Zodra je klaar bent klik je op ‘Genereer API key’.

Je ziet vervolgens de volgende pagina verschijnen:

Waarschuwing: Je dient de Consumer Key en de Consumer Secret te kopiëren en te plakken, deze zijn namelijk niet meer in te zien zodra je deze pagina hebt verlaten. Als dit toch gebeurd, kan je de keys verwijderen en vervolgens nieuwe keys genereren.

Ga nu naar de app maker. Voeg de functie WooCommerce toe door te klikken op . Het volgende verschijnt:

Voer de volgende data in:

• WooCommerce URL: dit is de url van jouw WordPress website (wanneer jouw shop de volgende url heeft: yourdomain.com/shop/ dien je alleen yourdomain.com in te voeren)
• Header: Hier dien je een afbeelding voor de header te uploaden
• Consumer Key en Consumer Secret: Dit zijn de codes die jij eerder hebt aangemaakt en gekopieerd/geplakt zoals wij eerder aangaven om dat te doen.
• Je kan ook links toevoegen naar jouw Facebook pagina, Twitter, of Instagram account toe.
• Item per pagina: Hier kan je een getal opgeven voor hoeveel items er standaard getoond moeten worden. Wanneer je naar beneden scrolt worden er automatisch de andere items getoond.

Je kan zelfs een betaalmethode instellen zoals PayPal en Stripe als je dit wilt. Doe dit wanneer je de gebruikers rechtstreeks in de app wilt laten betalen.

Wanneer je PayPal en/of Stripe niet hebt ingesteld, worden de gebruikers doorgestuurd naar jouw WooCommerce webshop om daar de betaling uit te voeren.

Het resultaat ziet er als volgt uit:

Beginpagina van de WooCommerce functie:

Producten pagina:

Je bent nu klaar om producten te verkopen via jouw app!

Deze functie maakt het mogelijk om het weer te laten tonen in jouw app. Je kan dit laten tonen voor een bepaalde plaats of om gebruikers een eigen locatie te laten kiezen voor het weer.

Het enige wat je moet doen is een plaats selecteren en dit vervolgens opslaan.

Het ziet er als volgt uit in jouw app:

Met de Video’s functie is het mogelijk om video’s in te laten laden van YouTube, Podcast en Vimeo. Wanneer je een video bedrijfsgalerij wilt toevoegen, kan je het beste een YouTube of een Vimeo kanaal aanmaken waar je de bedrijfsvideo’s gaat uploaden.

Je kan ook een thema galerij van anderen gebruiken i.p.v. jouw eigen winkel (bijvoorbeeld een fashion video galerij voor een trendy bar).

Let op: De Video’s functie is alleen in staat om video galerijen te laten tonen. Wanneer je een losse video wilt plaatsen, maak dan gebruik van de functie Aangepaste pagina.

Wij laten jou zien hoe het werkt, het is namelijk vrij simpel:

1. YouTube

Geef de galerij een naam, je kan zelfs meerdere galerijen aanmaken. Gebruikers kunnen zelf kiezen welke galerij ze willen bekijken.

Maak een galerij met alleen de winkel video’s:

Je hebt al een winkel kanaal aangemaakt op YouTube en de video’s geüpload naar dit kanaal toe. Hier zie je hoe jij een galerij maakt:

Voer de naam in wat je wilt gebruiken voor jouw video galerij. Hierna vul je de naam in van het YouTube kanaal in het zoekvenster. Kies vervolgens voor ‘Kanaal’ bij ‘Type’:

of voer een ID van het YouTube kanaal in het zoekvenster. Kies vervolgens ‘Kanaal’ bij ‘Type’:

Voorbeeld: Voor het YouTube kanaal https://www.youtube.com/channel/UChngQA8nbxnLfHdRf7btIEg is het ID ‘UChngQA8nbxnLfHdRf7btIEg’.

Maak een thematische video galerij:

Voer de naam van jouw video galerij in, het zoekwoord van het kanaal en kies voor ‘Search’ bij ‘Type’.

Hier is het resultaat:

Wanneer je een andere galerij wilt toevoegen, klik je op  en volg bovenstaande stappen nogmaals.

2. Podcast

Je kan ook video’s integreren vanuit Podcast. Om dit te doen dien je de naam van jouw video galerij in te voeren en de URL van jouw Podcast.

3. Vimeo

Wanneer je een kanaal wil toevoegen dien je een ID op te geven van het kanaal in het zoekvenster. Selecteer ‘Kanaal’ bij ‘Type’.

Je kan een ID van het kanaal vinden in de URL van het kanaal. Als voorbeeld: Voor kanaal https://vimeo.com/channels/513799 is het ID ‘513799’

Voor de andere type keuzes (User, Group, Album) dien je hetzelfde proces te volgen.

Met de Twitter functie heb je de mogelijkheid om jouw Twitter account te integreren in jouw app.

1. Maak de Twitter API keys aan

Om toegang te krijgen tot Twitter, dien je een Twitter Application aan te maken.

1. Ga naar https://apps.twitter.com/app/new en log in.
2. Voer de Applicatie naam in, beschrijving en een website adres.
3. Accepteer de TOS en voer de CAPTCHA uit.
4. Verstuur het formulier door te klikken op ‘Create your Twitter Application’
5. Sla de API key en de Secret key ergens op om ze later te kunnen gebruiken.

Na het maken van jouw Twitter Application dien je toegang te geven aan jouw Twitter account om deze applicatie te gebruiken. Om dit te doen klik je op Create my Access Token.

Om toegang te krijgen tot Twitter om de recente tweets en volgers aantal te laten tonen, heb je de volgende 4 keys nodig: Consumer Key, Consumer Secret, Access token en Access Token Secret.

Om alle keys te ontvangen, klik je op de OAuth Tool tab in de Twitter Application en kopieer de keys en sla deze vervolgens op om ze later te kunnen gebruiken. Nu krijgt jouw Twitter teller inzage in het aantal Twitter volgers om deze te kunnen laten tonen in de app.

2. Voeg de Twitter API keys toe

Voordat je gebruik maakt van de Twitter functie in jouw app is het verplicht om de Twitter API keys in te voeren in de editor.

Wanneer je in de editor bent, klik je op ‘Instellingen -> API’s’.

Hier heb je de mogelijkheid om de API keys in te voeren van jouw Twitter account.

3. Voeg de Twitter functie toe

Na het toevoegen van de Twitter functie, dien je de titel en subtitel op te geven voor de pagina waar jij jouw Twitter account op wilt laten tonen.

Je kan er ook voor kiezen om de Social Sharing functie te activeren. Hiermee kan je informatie over jouw app delen met jouw klanten, contacten en vrienden via de sociale netwerken, berichten of applicaties.

4. Twitter account instellen

Zodra je het eerste gedeelte hebt gedaan om een Twitter functie toe te voegen dien jij jouw Twitter account in te stellen. Om het account toe te voegen dien je de Twitter naam op te geven. De Twitter naam is het persoonlijke ID van het Twitter account wat begint met @.

Je kan de Twitter naam inzien door te klikken op .

De volgende foutmelding wordt getoond wanneer je geen Twitter API key hebt ingevoerd:

De volgende foutmelding wordt weergegeven wanneer je een foutief Twitter naam hebt ingevoerd:

Wanneer alles goed is ingevoerd, zie je de volgende melding:

Sla vervolgens de wijzigingen op door te klikken op .

Je bent nu klaar met het instellen van jouw Twitter account!