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

03 Apr, 2018 Software update: Media Tags and more!

After last month’s extravaganza with the launch of our new Pro and Enterprise plans Read more

Yodeck - Media tags and more!
14 Mar, 2018 Behold, the Raspberry Pi 3 Model B Plus is here!

By the beard of Zeus! It’s here! Yes ladies and gentlemen, the shiny new Raspberry Pi 3 Model B Plus (or B+) is now available. And works with Yodeck just fine! Read more

Behold, the Raspberry Pi 3 Model B Plus is here!
06 Mar, 2018 New Pro and Enterprise Plans now available!

Woohoo! Forgive us for being just a little bit excited but we have good reason to be. Read more

New Pricing Plans
13 Feb, 2018 How to get your Google Calendar on a wall-mounted screen

Users often ask us about new ways they can use Yodeck. And we love nothing more than helping you make the best use of digital signage solution. Read more

How to get your Google Calendar on a wall-mounted screen
18 Jan, 2018 Why Raspberry Pi digital signage is your safest bet

We know that Raspberry Pi digital signage is the bomb. But, if there was any need to provide another reason as to why this is so, then we got it with the recent mayhem Read more