Custom WordPress Dashboard Widgets

With Cusmin, you can create your own Dashboard widgets with a custom content or create a content from one of the predefined Cusmin dashboard widgets: YouTube, Vimeo, Twitter, Facebook, Instagram, Pinterest, Google Calendar, RSS and Weather

 

Custom Dashboard Widget

You can use custom dashboard widget in Cusmin plugin to create a WordPress dashboard widget with your own custom content. To start, choose Custom Widget type. Type in the title of the widget. Click on the Widget content box to open a WYSIWYG editor. You can now add your own content including images, videos and embedded content, like you would do in a regular WordPress post. This also supports a custom HTLM code, so you will have all freedom you want to create your custom WordPress dashboard widget.


Re-ordering Custom WordPress Dashboard Widgets

You can change the order of the custom dashboard widgets by drag-and-drop reordering. This will set the default order of the dashboard widgets for new users only, or existing users that didn't set their custom order. 

Re-order custom Cusmin dashboard widgets by drag-and-drop

When any WordPress user makes his own order of the WordPress dashboard widgets, by dragging and dropping them on the Dashboard page, WordPress creates a new setting "meta-box-order_dashboard" in wp_usermeta table for that user. After that, Cusmin order settings for that user will not work anymore, because that particular user has set his own widgets order.

However, Cusmin one more solution for WordPress ordering. Please check WordPress Dashboard Widgets Ordering section for more information.

 

YouTube Dashboard Widget

To add a YouTube video as a WordPress dashboard widget, you would need to first take any YouTube video URL and add it to YouTube Cusmin widget. 

Grab a URL from YouTube

To add a YouTube video to WordPress dashboard page, you will need a YouTube video URL, code or data in one of the following formats:

  • Url: https://www.youtube.com/watch?v=_LDpUPbYnE8

  • Video ID: _LDpUPbYnE8

  • Embed Url: https://www.youtube.com/embed/_LDpUPbYnE8

  • Embed Code

    < iframe width="854" height="480" src="https://www.youtube.com/embed/_LDpUPbYnE8" frameborder="0" allowfullscreen="">

Add YouTube Data to Cusmin

  1. Go to Cusmin > Dashboard > My Dashboard Widgets
  2. Click on "New Widget" button
  3. Select "YouTube" from dropdown menu
  4. Add any title
  5. Paste data copied from YouTube to URL field
  6. Click on Confirm Changes
  7. Click on master Apply button down below
  8. Go to Dashboard page and refresh
  9. You should see new YouTube widget

 

 

Vimeo Dashboard Widget

Grab a URL or embed code from Vimeo

Copy URL: Go to the video page and just copy a video URL from the address bar.

Grab embed code: Go to the video page and click the Share button that appears when you hover your mouse over the video player. In the pop-up window, you'll see a field containing an embed code for the video. Just copy the code and we will paste it later in Cusmin.

Examples:

  • URL

    https://vimeo.com/170761901

  • Embed code

    < iframe src="https://player.vimeo.com/video/170761901" width="640" height="400" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="">

Add it to Cusmin

  1. Go to Cusmin > Dashboard > My Dashboard Widgets
  2. Click on "New Widget" button
  3. Select "Vimeo" from dropdown menu
  4. Add any title
  5. Paste data copied from Vimeo to Url field
  6. Click on Confirm Changes
  7. Click on master Apply button down below
  8. Go to Dashboard page and refresh
  9. You should see new Vimeo widget

 

 

Twitter Dashboard Widget

To add a Twitter dashboard widget as a tweet, list, timeline, profile, hashtag etc, please go to Publish Twitter page and follow the procedure. You should be able to generate an embed code there. Click on Copy Code to get the code. Go back to Cusmin and paste the code in the Embed field. Add the title of your widget and click on Save to save the changes. You should be able to see your need Tweeter dashboard widget on your site's dashboard page.


 

Facebook Dashboard Widget

To add a new Facebook dashboard widget, please do the following:

Grab a URL or embed code from Facebook

  1. Go to Facebook for developers
  2. Choose the type of the content you want to embed (check also left sidebar links)
  3. Set your options and click on "Get Code" button
  4. Click on Iframe tab on popup window and copy the code

Add it to Cusmin

  1. Go to Cusmin > Dashboard > My Dashboard Widgets
  2. Click on "New Widget" button
  3. Select "Facebook" from dropdown menu
  4. Add any title
  5. Paste Facebook iframe data to embed field
  6. Click on Confirm Changes
  7. Click on master Apply button down below
  8. Go to Dashboard page and refresh
  9. You should see new Facebook widget

 

 

Instagram Dashboard Widget

Adding Instagram code

You will need to add an embed code to the Instagram Cusmin widget. To find the code, please check Instagram tutorial for website embedding ("Embedding on your website", not articles for embedding with WordPress and for developers)

Add it to Cusmin

  1. Go to Cusmin > Dashboard > My Dashboard Widgets
  2. Click on "New Widget" button
  3. Select "Instagram" from dropdown menu
  4. Add any title
  5. Paste data copied from Instagram to Embed field
  6. Click on Confirm Changes
  7. Click on master Apply button down below
  8. Go to Dashboard page and refresh
  9. You should see new Instagram widget

 

 

Pinterest Dashboard Widget

You can add any of these Pinterest content types to your WordPress dashboard page

  • Pin
  • Board
  • Profile

First, you will need to get an URL from Pinterest

  1. Go to Pinterest and click on a pin, profile or a board
  2. Copy the link from the address bar
  3. Go to Cusmin > Dashboard > My Dashboard Widgets
  4. Click on "New Widget" button
  5. Select "Pinterest" from dropdown menu
  6. Add any title
  7. Paste URL copied from Pinterest to Url field
  8. Click on Confirm Changes
  9. Click on master Apply button down below
  10. Go to Dashboard page and refresh
  11. You should see new Pinterest widget

Here are the examples how the links should look like:

  • Pin

    https://www.pinterest.com/pin/99360735500167749/

  • Board

    https://www.pinterest.com/pinterest/official-news/

  • Profile

    https://www.pinterest.com/pinterest/

 

 

Google Calendar Dashboard Widget

Creating a Google Calendar

First, you need to make sure to have valid Google account. To create one go to gmail.com

  1. Go to Google Calendar
  2. Log in
  3. Click on arrow in "My Calendars" in left sidebar > Create new Calendar (or use your existing calendar)
  4. Give a calendar name/description and set other settings by your choice
  5. Choose to make the calendar public or share it only with specific people
  6. Click on "Create Calendar" button
  7. On the main page, click on gear button on top/right corner > Settings
  8. Choose Calendars tab
  9. Click on your calendar
  10. Find the "Embed This Calendar" section
  11. You may also click on "Customize the color, size and other options" for additional customization
  12. Copy iframe code from text input field
  13. Go to Cusmin > Dashboard > My Dashboard Widgets
  14. Click on "New Widget" button
  15. Select "Google Calendar" from dropdown menu
  16. Add any title
  17. Paste embed code
  18. Click on Confirm Changes
  19. Click on master Apply button down below
  20. Go to Dashboard page and refresh
  21. You should see new Google Calendar widget

Note: If you made this calendar public, all your calendar users can have access to it. If you choose not to make it public, you will need to share calendar individually with particular users (step 5).

 

 

RSS Dashboard Widget

To add a RSS widget, please do the following

  1. Go to Cusmin > Dashboard > My Dashboard Widgets
  2. Click on "New Widget" button
  3. Select "RSS" as the widget type from the dropdown menu
  4. Add any title in Widget title field
  5. Paste your RSS link in URL field

Here is an example of valid RSS link: http://rss.cnn.com/rss/edition_technology.rss

 

 

Weather Dashboard Widget

Creating weather dashboard widget in Cusmin

  1. Go to Accuweather
  2. Choose any of the choices with "Get it now!" button
  3. Select your option choices. For widget sizes, larger sizes are better
  4. Confirm if you agree with their Terms of service
  5. Click on "Grab the Code" down below
  6. Click "Select Code" button and copy the content
  7. Go to Cusmin > Dashboard > My Dashboard Widgets
  8. Click on "New Widget" button
  9. Select "Weather" from dropdown menu
  10. Add any title
  11. Paste embed code
  12. Click on Confirm Changes
  13. Click on master Apply button down below
  14. Go to Dashboard page and refresh
  15. You should see now the new weather widget


Was this helpful?
Is there anything that we can improve?
SendCancel
Thanks for your feedback!

Ready for Cusmin?  Buy Cusmin - See Demo - Show me more info

Get updates by E-mail