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

11 Nov, 2019

Dazzling Layout Templates & RPi4 News

We’ve got a belated Halloween treat for all our devoted Yodeckers. And we can’t wait for you guys to try it out. Read more

Dazzling Show Templates & RPi4 News
31 Oct, 2019

Digital Signage Trends That Will Revolutionize Your Strategy

A super-cool and exciting future is in the cards for our industry – just take a look at these awesome digital signage trends we’ve got for you. Read more

Digital-Signage-Trends
25 Oct, 2019

Direct view LED Displays for Digital Signage: Pros & Cons

You’ve got to know your screen tech if you want to deploy the right digital signage solution for your use-case. And all these options out there can easily confuse the best of us. Read more

Direct view LED Displays
30 Sep, 2019

Snazzy New Show Preview & Major Upgrade

School’s back in session and here at Yodeck we’re aiming for a perfect 4.0 GPA this year. And we’re starting off on the right foot, if we do say so ourselves. Read more

New Show Preview
23 Sep, 2019

Choosing the Perfect Font for Digital Signage Content

The perfect font for digital signage is incredibly important. Read more

signage fonts