How to embed ShortNote Notes in WordPress

How to embed ShortNote Notes in WordPressWith EmbedPress, you can embed ShortNote Notes to WordPress, using just a URL.

ShortNote embeds are possible, but they’re not easy to use via normal methods. EmbedPress is different. With EmbedPress, you don’t have to mess around with embed code. All you need is the ShortNote Note URL.

Here’s how to embed ShortNote Note into your WordPress site, using the EmbedPress plugin.

Step #1. Install the EmbedPress plugin #

EmbedPress is a very helpful plugin that expands and improves on WordPress’ capabilities. Install EmbedPress and your WordPress site will become far more powerful. Click here to find EmbedPress on WordPress.org.

Step #2. Set Up Your ShortNote Account #

  1. You can Login/Register to ShorNote.jp
  2. Browse through existing notes or choose one you have already created.
    screenshot_3
  3. Go to Notes detail page.
    screenshot_1
  4. Copy the URL from Address bar.
    screenshot_2

Step #3. Embed ShortNote Notes & Publish #

Now you have the ShortNote Note URL, you can add it to WordPress.

  1. Go to your WordPress site.
  2. Edit a post or page.
  3. Add your ShortNote Note URL into the content area, with the “Visual” tab enabled.
  4. You will see a purple background with a “Loading your embed …” message:
    How to embed ShortNote Notes in WordPress
  5. Your URL will automatically be transformed into an embed of your ShortNote Note:
    embed ShortNote Notes

Step #4. Edit your ShortNote Embeds #

While editing your WordPress content, you can also edit your embed, thanks to EmbedPress.

  1. Hover over the embed, and a purple button will appear.
  2. Click the pencil and a pop-up screen will appear with more options.
    google-docs-pencil
  3. You can now change the embed URL, plus you can also control the maximum width and height of the embed.

Powered by BetterDocs