twenty-anniversary
sale
Twenty
Krijg 20% Korting
Ga naar de inhoud
RexThema
  • Home
  • Plugins
    • WP VR
    • Product voer
    • Wagenlift
  • Docs
  • Ondersteuning
  • Blog
  • Rekening
    • Aanmelden
  • Contacteer ons
  • EN
  • DE

Wagenlift

  • Inleiding tot wagenlift
  • Aan de slag met karlift
  • Installeren en activeren wagenlift
  • Een basisoverzicht van de plugin - winkelwagenlift
  • Karlift configureren en effectief gebruiken
  • Hoe automatisch verlaten winkelwagens volgen
  • Hoe uw campagne voor herstel van achtergelaten wagens opzetten
  • Hoe Twilio SMS Service gebruiken om achtergelaten winkelwagens terug te krijgen - Cart Lift Pro
  • Hoe meldingen te krijgen voor achtergelaten winkelwagens en herstel
  • Ontvang een volledig analyserapport over de herstelcampagne
  • Shortcodes voor e-mailvelden in winkelwagenlift
  • Hoe te upgraden naar Pro - karlift
  • Probleemoplossing voor veelvoorkomende problemen - wagenlift

Product Feed Manager

  • Product Feed Manager - Documentatie
Aan de slag
  • Inleiding tot Product Feed Manager voor WooCommerce
  • Aan de slag met Product Feed Manager voor WooCommerce
  • Hoe PFM installeren en activeren
  • Hoe genereer je voor het eerst Product Feed
  • Basisoverzicht van de plugin - Product Feed Manager Pro WooCommerce
  • Zo genereer je gemakkelijk een aangepaste productfeed
Upgrade naar PFM Pro
  • Upgraden naar Pro - PFM
Automatisch synchroniseren met Google Shopping
  • Hoe automatisch productfeeds synchroniseren met Google Merchant Center
  • Upload je WooComerce productfeed rechtstreeks naar het Google Merchant Center - (geen autorisatie nodig)
Categorie Kartering
  • Hoe Category Mapping gebruiken voor Product Feed
  • Hoe Category Mapping gebruiken voor Google Product Category
  • Hoe Category Mapping configureren voor Facebook Product Category
Instructies voor het genereren van voer
  • Hoe WooCommerce Product Feed voor Google te genereren
  • Hoe WooCommerce Product Feed voor Facebook te genereren
  • Zo upload je WooCommerce producten naar de Facebook Store
  • Een feed maken voor eBay MIP
  • Hoe maak je een Target Product feed voor Target Marktplaats?
  • Zo maak je een WooCommerce productfeed voor Wish.com
  • Hoe maak je een WooCommerce productfeed voor Sears Marketplace?
  • Hoe maak je een WooCommerce productfeed voor NewEgg Marketplace?
  • Hoe maak je een WooCommerce productfeed voor Walmart?
  • Hoe maak je een WooCommerce productfeed voor Instagram Catalogus
  • Hoe producten uploaden op Instagram Shop
Inzicht in de basisconfiguratie van invoer voor vereiste attributen
  • Product Feed Optimalisatie met Yoast SEO Product Title, Meta Description en Primary Category
  • Hoe voeg je een statisch voor- of achtervoegsel toe aan een attribuut in de feed?
  • Een aangepast attribuut aan de feed toevoegen
  • Een extra productkenmerk toevoegen of verwijderen in de feed
  • Leren over typen feed-bestanden en hoe feed te downloaden of te bekijken
  • Producttoevoergegevens optimaliseren met doeltreffende uitvoerfilters
  • Inzicht in en configuratie van voerattributen en hun waarden
  • Hoe verwijder je HTML-tags of shortcodes uit een feed?
  • Hoe UTF-8-codering gebruiken om HTMLE-entiteiten om te zetten in symbolen in een feed-attribuutwaarde
  • Hoe symbolen converteren naar HTMLEntiteiten in een feed attribuutwaarde
  • Hoe CDATA op te nemen in een XML Feed Attribute Tag
  • Hoe verwijder je een decimaal uit de prijs voor Marktplaats Feed?
  • Hoe spatie vervangen door koppelteken in een feed attribuut gegevens
  • Hoe een aangepaste veldwaarde gebruiken in de Product Feed
  • Hoe valuta toevoegen aan uw productprijs
  • Hoe Yoast primaire categorie in de feed te gebruiken
  • Hoe RankMath primaire categorie in de feed te gebruiken
  • Nuttige opties op het tabblad Controle
  • Inzicht in het gebruik van verschillende prijsattributen
Nuttige controleopties
  • Nuttige opties op het tabblad Instellingen
  • Controleproducten per batch in batch verwerking
  • Verbind Facebook Pixel met WooCommerce Voor Dynamic Ads
  • Uitgebreide aangepaste velden met unieke id's toevoegen voor WooCommerce producten
  • Aangepaste velden toevoegen voor belangrijke productkenmerken
  • Hoe uitgebreide aangepaste velden toevoegen aan WooCommerce producten
  • Hoe belasting uitsluiten van gestructureerde dataprijzen
Nuttige functies voor het genereren van voer
  • Hoe onzichtbare producten / verborgen producten uitsluiten van de producttoevoer
  • Hoe een aangepast filter te gebruiken bij het genereren van productfeeds
  • Hoe categorie filter gebruiken bij het genereren van Product Feed
  • Hoe Tag Filter gebruiken bij het genereren van Product Feed
  • Hoe filteropties voor feed gebruiken bij het genereren van feed
  • Hoe het automatisch bijwerken van voer op ingestelde intervallen te plannen
  • Hoe variabele producten aan het voer toevoegen
  • Hoe privéproducten opnemen in Product Feed
  • Hoe een productvariant op te nemen in de productnaam
  • UTM-parameters toevoegen aan product-URL's
  • Hoe de Feed Rule-functie gebruiken om attribuutwaarden te manipuleren
  • Hoe u de dynamische prijsfunctie kunt gebruiken om uw productprijs te manipuleren
  • Hoe meerdere attribuutwaarden combineren met de functie Gecombineerde attributen
  • Hoe gebruikt u de optie Productfilter om specifieke producten in of uit te sluiten?
  • Hoe aangepaste tijdsintervallen instellen voor automatische feed-update
Fix JSON-LD gestructureerde gegevens voor variabele producten
  • Fix WooCommerce (JSON-LD) gestructureerde gegevens voor goedkeuring in Google Shopping
Anderen
  • Hoe merknaam opnemen in feed met Perfect Brands voor WooCommerce en PFM
  • Foutenlogboek inschakelen voor Product Feed Manager voor WooCommerce
  • Hoe maak je productfeeds in meerdere talen met WPML?
  • Hoe plan je aangepaste feed verversingsintervallen met Product Feed Manager met behulp van WP Crontrol
  • Hoe Verzendwaarden opnemen in WooCommerce product feed (Google & Facebook)
  • Hoe belastingwaarden op te nemen in je WooCommerce Product Feed (Google & Facebook)
  • Hoe je een WooCommerce productfeed genereert met de best verkochte producten om meer te verkopen
  • Werk uw feed alleen bij als er wijzigingen zijn aangebracht in een van uw producten
  • Hoe WooCommerce Verzendwaarden opnemen in je feed (Behalve Google & Facebook)
  • Hoe product feed prijs om te zetten met WPML / WCML
  • Hoe maak je product feed in meerdere talen met Polylang
Problemen oplossen
  • Problemen oplossen - Product Feed Manager voor WooCommerce
  • Product ontbreekt op Facebook Commerce Manager - Facebook & Instagram
  • Product ontbreekt in Google Merchant Center/Product niet geüpload
  • Google Shopping Product Feed Specificatie - Attributenlijst
Etsy Addon
  • Product Feed Manager voor WooCommerce Etsy Integratie - handleiding
Alle Google Feeds
  • Hoe maak je een WooCommerce productfeed voor Google Review?
  • Hoe maak je een WooCommerce productfeed voor Google Remarketing (DRM)?
  • Hoe maak je een WooCommerce productfeed voor Google Local Products?
  • Hoe maak je een WooCommerce productfeed voor Google Local Products Inventory?
  • Hoe maak je een WooCommerce product feed voor Google Fabrikant Centrum
  • Hoe maak je een WooCommerce product feed voor Google Merchant Center Promotie
  • Hoe maak je een WooCommerce product feed voor Google Shopping Acties
  • Hoe maak je een WooCommerce productfeed voor Google Dynamic Display Ads (Google Ads)?
  • Hoe maak je een WooCommerce productfeed voor Google Express (voormalig Google Shopping Actions Program)?
  • Hoe maak je een WooCommerce product feed voor Google Local Inventory Ads
  • Hoe maak je een WooCommerce productfeed voor Google Custom Search Ads?
  • Hoe maak je een WooCommerce productfeed voor Google Dynamic Search Ads?

Thema VR-plaatsen

  • Hoe VR Places Theme installeren en activeren
  • Hoe algemene instellingen aanpassen voor het VR Places-thema

WP VR

  • Aan de slag met WP VR
Aan de slag
  • Inleiding tot WP VR
  • Aan de slag met WP VR
  • Hoe WP VR installeren en activeren
  • Een eenvoudige virtuele tour maken in 5 minuten - WP VR
  • Hoe een virtuele tour insluiten en aanpassen - WP VR
  • WP VR Basis Plugin Overzicht
Upgrade naar WPVR Pro
  • Hoe te upgraden naar Pro - WPVR
WPVR Premium Add-ons gebruiken
  • Hoe vloeiende formulieren integreren in een virtuele tour
  • Hoe WooCommerce integreren in een virtuele tour
  • Hoe virtuele tours insluiten op niet-WordPress-websites
Hoe - Basisinstellingen
  • Hoe exclusieve functies in de algemene instellingen gebruiken om een virtuele tour aan te passen
  • Een voorbeeldafbeelding toevoegen aan uw virtuele tour - WPVR
  • Hoe automatische rotatie in te schakelen voor uw 360 virtuele tour - WP VR
Geavanceerde instellingen gebruiken
  • Hoe Gyroscoop Sensor Inschakelen op 360 Virtuele Tours
  • Hoe een scènegalerij opzetten bij virtuele rondleidingen
  • Achtergrondmuziek toevoegen aan virtuele rondleidingen
  • Hoe toetsenbordbediening voor navigatie en zoom te beperken
  • Hoe beperk je het gebruik van de muis om te zoomen of te slepen om een tour te verplaatsen?
  • Hoe voeg je een Virtual Tour-pictogram of je bedrijfslogo toe in 360 graden tours - WPVR
  • Hoe YouTube Explainer-video's binnen virtuele rondleidingen plaatsen 
  • Hoe de ondersteuning voor VR Headset in te schakelen voor telefoons
  • Hoe individuele kleur en animatie van hotspotpictogrammen instellen in panorama-afbeeldingen�
  • Hoe u virtuele plattegronden in uw tours kunt plaatsen - WPVR
Bedieningsknoppen instellen
  • Aangepaste pictogrammen gebruiken voor navigatie en bedieningsknoppen in een virtuele tour
  • Een thuisknop toevoegen aan uw virtuele tour
Panoramabeelden omzetten in live scènes
  • Hoe een scène toevoegen aan uw virtuele tour
  • Scène-instellingen gebruiken om een scène aan te passen
  • Hoe de standaard scène in te stellen op een virtuele tour
  • Zo stelt u aangepaste zoominstellingen in voor een scène in uw virtuele tour - WPVR
  • Hoe stel je een limiet in voor het grijpen van 360 beelden op een scène in je virtuele tour - WPVR
Hotspots gebruiken voor navigatie en informatie
  • Hoe hotspots toevoegen aan een scène in uw virtuele tour
  • Hoe hotspots gebruiken om informatie, afbeeldingen of video's te tonen
  • Hoe hotspots gebruiken om van de ene scène naar de andere te gaan
  • Hoe hotspotpictogrammen en -kleur aan te passen
  • Een zelf gehoste video insluiten op WPVR Hotspots
  • Hoe Youtube-video's insluiten in virtuele tours met WPVR
  • Hoe eenvoudig hotspot-inhoud instellen in een virtuele tour - met behulp van WYSIWYG HTML-editor
360 graden video tours maken
  • Hoe je een Youtube 360-video op je website zet met WPVR
  • Hoe maak je een virtuele tour met zelf gehoste interactieve 360 graden-video met WPVR?
Google Street Views insluiten
  • Hoe u een Google Street View-tour op uw website kunt opnemen met WPVR
Gedeeltelijk panorama en volledig uitzicht
  • Een virtuele tour maken met gedeeltelijke panorama's of iPhone panorama's
  • Een virtuele tour maken met panoramabeelden van mobiele telefoons
  • Virtuele rondleidingen op volledig scherm - WPVR
  • Hoe een 360 Panorama Achtergrond Virtuele Tour instellen
Publiceer virtuele rondleidingen op uw website
  • Hoe een virtuele tour insluiten met het WPVR Gutenberg-blok
  • Een virtuele tour insluiten met WPVR Elementor Widget
  • Hoe WP VR Oxygen Element gebruiken om een virtuele tour in te sluiten
  • Hoe een WPVR Shortcode gebruiken om een virtuele tour in te sluiten
  • Hoe WPVR virtuele tours insluiten met behulp van Visual Composer Element
  • Een virtuele tour publiceren met WPVR Panorama Module voor Divi
Virtuele rondleidingen importeren, exporteren en dupliceren
  • Virtuele rondleidingen exporteren en importeren
  • Een virtuele tour dupliceren
Problemen oplossen - Veelvoorkomende problemen oplossen
  • Hoe WPVR uit te sluiten van autoroptimalisatie
  • Problemen oplossen - WPVR
  • Virtual Tour niet zichtbaar - WPVR
  • Hoe Activa van WPVR uitsluiten van automatisch optimaliseren
  • Hoe u uw WPVR gebruikersaccountinstellingen en abonnementsplan kunt beheren
Virtuele tour optimaliseren voor mobiele apparaten
  • Hoe een dynamische vooraankondiging instellen op virtuele rondleidingen voor mobiele telefoons
  • Afbeeldingen op mobiele apparaten automatisch verkleinen voor virtuele rondleidingen
  • Hoe aangepaste hoogte voor mobiele apparaten instellen voor uw virtuele rondleidingen
Demonstratie Virtuele Rondleidingen
  • Demonstratie Virtuele Rondleidingen
  • Basis virtuele rondleiding
  • Demonstratie Virtuele Tour - WPVR Pro
  • Demotour - WPVR (gratis)
  • Aangepaste Scène Gallery - WPVR
  • Custom Control Iconen - WPVR
  • Google Street View Tour - WPVR Pro
  • Videotrainingen - WPVR
  • Demo Partial Panorama Virtual Tour - WPVR Pro
  • Bar/Pub Showcase
Geavanceerde instellingen voor virtuele rondleidingen
  • Hoe WPVR exclusieve instellingen instellen
  • Control Script en stijl laden voor de virtuele reizen
  • Hoe WordPress Large Image Handler uitschakelen voor virtuele tours
  • Hoe beheer je het laden van Video.js voor virtuele tourpagina's - WPVR

Verouderde plugins

Media-opslag naar de cloud
  • WP-mediaopslag naar de cloud
  • Aan de slag - Mediaopslag naar Cloud
  • Hoe installeer en activeer je Media to Cloud Storage
  • WP Media Opslag Naar Cloud Dashboard Overzicht
  • Hoe sluit u de Amazone S3-emmer aan?
  • Hoe sluit u Google Cloud Storage aan?
  • Hoe kan ik de IAM-gebruiker instellen voor de Amazon S3-emmer?
  • Hoe u Google Cloud Storage Bucket kunt instellen om mediabestanden te serveren
  • Hoe sluit u DigitalOcean-ruimtes aan?
  • Hoe maak je een Amazon CloudFront distributie
  • Hoe maak je een Amazon CloudFront Origin toegangsidentiteit aan?
  • Probleemoplossing voor veelvoorkomende problemen - Mediaopslag in de cloud
  • Hoe maak je een gratis HTTPS-certificaat aan op Amazon S3?
Variatie Swatches
  • Variatiestalen voor WooCommerce - Aan de slag
  • Variatiestalen voor WooCommerce - Dashboard Overzicht
  • Variatiestalen voor WooCommerce - Installeren en activeren
  • Dropdown naar knop Swatches wijzigen voor WooCommerce Variaties
  • Hoe WooCommerce kleurstalen instellen voor kleurvariatie
  • Hoe WooCommerce-afbeeldingsstalen instellen voor beeldvariatie
  • Label Swatches instellen voor WooCommerce productvariaties
  • Hoe past u de hoverstijl van de variatiestrook aan?
  • Hoe de variatiestalen aan te passen Globale stijl
  • Hoe past u de geselecteerde stijl aan?
  • Home
  • Docs
  • WP VR
  • Hotspots gebruiken voor navigatie en informatie

Hoe eenvoudig hotspot-inhoud instellen in een virtuele tour - met behulp van WYSIWYG HTML-editor

Inhoudsopgave
  • Set Hotspot Content Easily Inside Virtual Tour - Using WYSIWYG HTML Editor 
  • i. Style: 
  • ii. Bold Text and Underlined Text:
  • iii. Font Family:
  • iv. Font Background Color & Text Color
  • v. Ordered List, Unordered List & Alignment
  • vi. Images
  • vii: Videos
  • viii. Hyperlink
  • Bonus: Code View of the Hotspot Content

Good news! Setting up hotspot content inside your virtual tour is now much easier.

Previously, you had to use custom codes if you wanted to show Images, Videos, Hyperlinks, Headings, etc.

Now, the WPVR has WYSIWYG HTML editor support – to make your work easier.

You can now add different Font Styles, Colors, and Font Families to your hotspot text content.

Not only that, but you can also add bulleted or numbered lists and table views.

And like before, you can show a Heading, an Image, a Paragraph, and a Hyperlink – everything into the same hotspot.

And all these are applicable for both:

  • On-Click Content.
  • On-Hover Content.

So, let’s learn how you can do that.

Set Hotspot Content Easily Inside Virtual Tour – Using WYSIWYG HTML Editor  #

Here is how you can set different content on your hotspots.

i. Style:  #

If you’re going to use Text in the hotspots, you can choose the style for it.

Simply type the text in the field and choose its style.

Text Style for Hotspot Content

You can turn the text into Headers, Quotes, or simply keep it as a Paragraph.

Header, Quote, & Paragraph in Hotspot Content

You can set a text as a Header like this:

Header in Hotspot Content

Then add another text as a Paragraph below that.

Paragraph in Hotspot Content

Now, if you click on Preview, the hotspot will appear like this:

Header and Paragraph Preview

This way, you can set multiple texts with different styles to show on hotspots.

ii. Bold Text and Underlined Text: #

After adding a text, you can simply choose to show it in Bold:

Bold Text in Hotspot Content

Here you can see it in the Preview.

Bold Text Hotspot Preview

You can also choose to Underline a text.

Underlined Text in Hotspot Content

Here is the underlined text in Preview mode:

Underline Test Hotspot Preview

iii. Font Family: #

You can add different font types with our new editor as well.

You’ll find a collection of fonts that you can use for each text.

Font Family for Hotspot Content

By default, the font is always sans-serif.

But you can select your preferred one from this list.

Let’s add a Comic Sans MS and see how it appears on the Frontend.

Text Font Hotspot Preview

iv. Font Background Color & Text Color #

You can select the text background from a variety of color palettes included in the WYSIWYG Editor.

Text Color for Hotspot Content

v. Ordered List, Unordered List & Alignment #

With the first two of these options, the user can simultaneously add a Bullet List and an Ordered List to the hotspot.

List and Alignment Options - Hotspot Content

And with the third option, you can fix the alignment of the hotspot content.

Here’s an example with an ordered list and centered alignment text:

List & Alignment in Preview

vi. Images #

The process of adding images to hotspots is now much easier.

Click on this option to add an image:

Set Image as Hotspot Content

A popup will appear where you can upload the image or add the URL of an image that you want to set here.

Upload Image for Hotspot Content

After successfully adding the image, here’s what you’ll see:

Image Added to Hotspot

And on the virtual tour, here is how it’ll appear:

Image as Hotspot Content

vii: Videos #

To add a video to your hotspot, click on this video icon.

Set Video to Hotspot

A popup will appear where you can insert the URL of your desired video.

Use Video URL for Hotspot

After you’ve set the video URL, it’ll appear like this:

Video Added to Hotspot

On the virtual tour, it’ll look like this:

Video Content in Hotspot

You can play the videos directly from the hotspot.

viii. Hyperlink #

To set a Hyperlink, click on the link icon shown here:

Hyperlink as Hotspot content

This pop-up will appear.

Here you can set the both text and the URL that you want to use.

Set Hyperlink for Hotspot Content

Bonus: Code View of the Hotspot Content #

Once you’ve set any content on your hotspot, you can choose to see the HTML version of it.

For this, just click on this HTML icon:

Code View of Hotspot Content

As you can see, the process of adding content to your hotspots has become much easier.

To customize your hotspots even more, follow this to set custom hotspot icons and colors.

Deel dit artikel :
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
Updated on June 7, 2022
Hoe Youtube-video's insluiten in virtuele tours met WPVR
Inhoudsopgave
  • Set Hotspot Content Easily Inside Virtual Tour - Using WYSIWYG HTML Editor 
  • i. Style: 
  • ii. Bold Text and Underlined Text:
  • iii. Font Family:
  • iv. Font Background Color & Text Color
  • v. Ordered List, Unordered List & Alignment
  • vi. Images
  • vii: Videos
  • viii. Hyperlink
  • Bonus: Code View of the Hotspot Content
RexThema
Onze Plugins
  • WP VR
  • Product Feed Manager
  • Wagenlift
Bronnen
  • Privacybeleid
  • Voorwaarden voor de dienstverlening
  • Affiliate programma
  • Contacteer ons
Betaalmethoden
Betaalmethoden

Copyright © 2013 - CODE REX