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.

Display a web page on the Raspberry Pi like a pro was last modified: June 15th, 2017 by Vangelis Mihalopoulos

Blog Posts

17 Aug, 2017 Are digital menu boards as tasty as they look?

Mmmm, digital menu boards. It looks almost too good to be true. So mouth-watering. You can’t stop looking at it. That lightly toasted bun sandwiched between a succulent, perfectly-grilled burger. The melting cheese has you in a trance as you watch it slowly dribbling down the sides. Read more

Digital Menu Boads
10 Aug, 2017 Digital signage on the cloud: a unique type of SaaS

What’s the first thing that pops into your mind when you think about cloud and SaaS platforms? Server farms, big-time traffic, high churn rates, and no hardware, perhaps? It’s difficult to avoid such stereotypes. Well, digital signage is a different story. Read more

Digital Signage on the Cloud - SaaS
03 Aug, 2017 Security and digital signage: better safe than sorry

Security. It can often be a dirty word, but not where digital signage is concerned. In fact, we can’t think of something more important than making sure your solution is safe. Read more

Fort Knox level Security in Digital Signage
20 Jul, 2017 Software update: Three is the magic number

It’s that time again people. Yes, our new software update is here!

Read more

Overlay Video feature
12 Jul, 2017 Digital Signage without a Player: The good, the bad and the ugly

Running digital signage on a Smart TV without a player. Can it be done? The good [news] is that yes it can. The bad? There is a downside. The ugly? Read on to learn all about that part. Read more

The good, the bad and the ugly