Skip to main content

How does WordPress integration via a code work?

Jordan Platz
  • Updated

Integrating your ticketshop via a code

 

In this article, you'll learn how to integrate your Regiondo ticketshop into your WordPress website.
 
Tips
  •  A WordPress Pro is needed (WordPress Free does not support HTML codes).
  • The Regiondo widgets must be integrated on Pages (not Articles or Products).
  • We recommend that you create a separate menu item with the title "Book Now" or "Bookings" so that your customers can easily and quickly find your ticket shop. 
  • Give the page a title such as "Book Now", "Bookings", "Tickets and Vouchers" or "Book Tickets" by entering your desired text in the designated field. 

 

1. Without Editor

1.1

Log into WordPress with your access data and navigate to the place where you wish to integrate your leisure product.

To create a new page on your website, click on the tab "Pages" and then on "Add New".
 
WordPress Add New Page screen with empty text area ready for content input under Yoast SEO panel.

 

1.2

Under "Text", choose the option "code". 
 

1.3

Now add the code (the HTML snippet) you generated in your reseller dashboard. 
 
WordPress Add New Page interface displaying embedded Regiondo iframe code for booking integration setup.

 

1.4

Now, click on "Publish". Your Regiondo ticketshop will now be integrated in your website and your offers can be booked with immediate effect.
 

2. With Elementor Editor

 

2.1

Open an existing page or create a new one. To create a new page on your website, click on the tab "Pages" and then on "Add New". 
 

2.2

Click on “Edit with Elementor” to open the visual builder 
 
WordPress page editor titled Book Courses displaying page permalink and Edit with Elementor option highlighted.

 

2.3

On the left side menu, search for a widget called “HTML”. This is a drag-and-drop functionality. Select the widget and place it on your page where the Regiondo widget should be visible. 
 
Elementor sidebar showing HTML widget selection highlighted for inserting custom HTML code on the Services page.

2.4

Copy the HTML code from your Regiondo Widget Editor into the designed area on Elementor: 
Tip:
There is also the option of using a WordPress Plugin for the integration. To find out more, access the article: How does WordPress integration via a WordPress Plugin work? If you want to download it, follow this article's instructions: Regiondo Booking Widget.
 
Elementor editor view showing HTML code widget and course booking section displaying scuba course listings with booking buttons.
 
Your Regiondo widget will be immediately visible. Finally, click on “Update” in the lower left corner of your page, to save your changes.
 
Tip:
Don’t hesitate to resize the space allowed for this HTML box so that it can take the whole width of your page 
 

3. With DIVI Editor

3.1

Open an existing page or create a new one. To create a new page on your website, click on the tab "Pages" and then on "Add New". 
 

3.2

Insert a new module by clicking on the “+”, then search for “Fullwidth Code”. 

3.3

Copy the HTML code from your How to use the Widget Editor into the designed area called “Code” and save.
Always “Update the page” when the changes are done. 

What to look for when the code or page is not displayed?

 

                         
Problem
                         Solution
Where can I see my new page? 
The page needs to be added on the main menu. Usually, by going on Appearance > Menu, selecting the new page and positioning where desired on the main menu.  
The Regiondo widget is not loading online 
The reason is often due to plugins that prevent the HTML code from loading, e.g., WP Rocket. For more information: Disable LazyLoad for iframes
How to add Custom CSS? 

Related articles