Shortcodes

Using the shortcode builder

Build, preview and copy shortcodes without typing attributes.

On this page
  1. Open the builder
  2. Customise a shortcode
  3. Related articles

The shortcode builder creates shortcodes for you. Pick the options you want, check the live preview, and copy the result. No typing attributes by hand.

Open the builder#

Go to TuneSera → Settings → Shortcodes. Each shortcode has a card with a short description, the basic shortcode and an example with all attributes.

Shortcodes tab with cards for Full directory, Station listing and Station card, each with preview, customize and copy buttons and an example with all attributes
Every shortcode has its own card.

On each card:

  • The copy button copies the shortcode.
  • The eye button previews it in your theme’s page template (visible to administrators only).
  • The wrench button opens the builder to customise it.

Customise a shortcode#

  1. Click the wrench (Customize) button on a card.
  2. Choose your options, such as view, number of items, or a country to filter by. Empty fields use the defaults.
  3. Watch the Live preview. Use Hide preview or the full-screen button if you need more room.
  4. Under Your shortcode, click Copy shortcode.
  5. Paste it into a Shortcode block on a page or post, save, and view the page.
Customizing the Station listing shortcode: View (Use settings, List, Grid), Maximum items, Country slug and City slug
Choose options for the shortcode.
Bottom of the shortcode builder with Order, Pagination, the generated shortcode under Your shortcode, and Copy shortcode and Reset builder buttons
Copy the finished shortcode, or reset the builder to start again.

Click Reset builder to start over, or All shortcodes to go back to the list.

Builder choices only customise that one shortcode. They don’t change your plugin settings. Shortcodes still use your saved design settings, such as colours.

Pro: Pro shortcodes (player, locations, featured and popular stations) are marked with a PRO badge in the free plugin. Get TuneSera Pro

Still stuck?Our team usually replies the same day. Open a private ticket and we'll help you sort it out. Open a ticket