News / Blog

Display a web page on the Raspberry Pi like a pro

Webpage on Yodeck

Ever wanted to simply display a given web page on your Raspberry Pi? Whether it’s to share a dashboard with some key metrics on a common workplace screen, or simply to display the latest news or weather, it’s a great way to show your content.

With Yodeck it’s never been easier. Yes, we know. There are plenty other ways to show a webpage 24/7 on a Raspberry Pi. But why use a DIY hack when you can use a professional solution for free?

Here’s how it’s done with a Raspeberry Pi and Yodeck in six simple steps – no hacks needed!

Step 1: Create a Free Yodeck Account

Easy and free. Simply sign up for Yodeck. As soon as you sign up and login, you’ll see the Dashboard, where you can find a contact form. Through that, you can reach out and ask for help.

Step 2: Create & Register Your Yodeck Player

You need to write the Yodeck SD Card Image to your Raspberry Pi. This will overwrite all of your data, so make sure you keep a backup if you need anything.
Here is the detailed guide to create and register a Yodeck Player. Reach out to our support team if you have any trouble.

Step 3: Add the Web Page in Your Yodeck Account

On the left menu, click on “Media” and then click on “Web Pages”. On the screen that appears, click the “Add Web Page” and type in the address of the web page you want to display on your Raspberry Pi-powered screen.

In this form, you’ll also find more details, which you can investigate in cases where the web page needs some tweaking to be displayed correctly, or when the web page requires login info or other actions to display what you want. For now, you can safely skip it until needed.
Click the “Save” button to save the newly-created web page entry.

Step 4: Create a Show with the Web Page

On the left menu, click on “Shows”. On the screen that appears, click the “Add Show”. You’ll be presented with a virtual screen where you can edit its layout. Since you only want to show a single web page (for now), click on the “Media” grey button and select the Web Page you created. Make sure that the “Enable Transparency” option is disabled, since it might cause your web page to render slower.

With the web page added to the newly created show, you just need to resize it to take up all of the available space. Using your mouse, resize the web page to take up the whole screen, edge-to-edge. Click “Save”.

Step 5: Assign the Show to Your Monitor

Almost ready. Now you need to assign this show to your monitor. From the left menu, go to “Monitors”, select the monitor you create, and for the “Default Show” option, select your newly created show. Click “Save”.

Step 6: Click the “Push to Players?” Button

Whenever you make content-related changes to your Yodeck Account, the “Push to Player?” turns red. You need to push that button in order for your newly-made changes to be pushed to your Players. Click it, wait for 15-20 seconds, and you should see the Player loading up the web page. You’re ready to roll!

Great, but what if you want to show more than one web page?

Well, in this case, you can a) add more web pages to the show and place them on different portions of the screen, or b) create a playlist with multiple web pages and add that playlist to the show.

Webpage not displayed properly? No problem. If the web page seems wrongly zoomed (either in or out), you can change the zoom settings. If some parts, or the whole web page is not rendered correctly, then you might need to switch to the Chrome rendering engine, again using the settings in the web page. You can find more details in the web pages documentation section.

See, it’s as easy as raspberry pi(e). And don’t forget, you can reach out to our support team if you need any help.

Blog Posts

19 Oct, 2017 Now you can do image editing easily in Yodeck

In the words of Ron Burgundy, we need all of you to stop what you’re doing and listen. Read more

Yodeck - Image Editing
10 Oct, 2017 Yodeck to star at NEC Krakow Workshop

Krakow is calling, and we’re answering. Fresh from becoming an official NEC partner vendor, we’re delighted to announce that Yodeck will be taking center stage at the upcoming NEC Competence Days Conference, 2017. Read more

NEC Competence Days
05 Oct, 2017 6 Weird Digital Signage Uses for our Platform

The truth is stranger than fiction. Even in the world of digital signage. Believe us, we know from experience. Read more

28 Sep, 2017 6 great ways to use digital signage in education

Someone once said that we don’t need no education, and that we don’t need no thought control. Read more

Digital Signage in Education
22 Sep, 2017 Display your data with style using Yodeck and Cumul.io

One of the best ways to make better business decisions is to use the right data. Better still, what if that vital data is constantly visible to decision makers and employees? Read more

Cumul with Yodeck