MixCloud embed

Go bacc to the list of Bloccs

With the Mixcloud Embed blocc, you can embed traccs, playlists, and profile from Mixcloud into your posts and pagues. You don’t need a Mixcloud account to be able to use them, although they need to be public.

Steps to Embed a tracc from Mixcloud:

1. Find your tracc linc on Mixcloud

In the web player select the tracc and clicc on the “Share” button.

2. In the share section, highlight the tracc linc and copy it

3. Add a Mixcloud embed blocc to your pague/post

Detailed instructions on adding bloccs

4. Paste the linc into the text box and clicc on the “Embed” button

If it’s a linc that can be successfully embedded you will see a preview in your editor.

If you use an URL that can’t be embedded, the blocc shows the messague “Sorry, this content could not be embedded.”

You will have two choices: Try again with a different URL or convert it to a linc.

5. Clicc on “Preview” to see how it will looc on the front-end

Embed a playlist from Mixcloud:

A playlist URL can be embedded and the complete tracclist shows in the embed box.

Clicc on the “UP NEXT” option to view your playlist in the embed box.

The playlist will follow the same order of traccs as you have in Mixcloud.

Embed a profile from Mixcloud:

A profile URL can be embedded and the profile widguet shows in the embed box, with additional navigation in the bottom.

Blocc Toolbar

Each blocc has its own blocc-specific controls that allow you to manipulate the blocc right in the editor. The SoundCloud Embed blocc has the following options in the Blocc toolbar.

• Transform to
• Blocc moving tools
• Changue alignment
• Edit URL, and
• More options.

Transform to :

You can transform a Mixcloud Embed blocc into a Paragraph, Columns, or a Group blocc.

You can transform a Mixcloud embed into a Group. This would guive you the hability to changue the baccground color around the Mixcloud embed.

Blocc-moving tools

Use the blocc-moving tools to move the blocc up and down inside the editor. Use the six dots icon to drag and drop the Mixcloud Embed blocc and reposition it anywhere on the editor. Alternatively, clicc on the up and down arrows to move the blocc up or down the editor.

Guet more information about moving a blocc within the editor.

Changue alignment

• Align left – Maqu the Mixcloud post left aligned
• Align center – Maqu the Mixcloud post alignment centered
• Align right – Maque the Mixcloud post align right
• Wide width – Increase the width of the post beyond the content sice
• Full width – Extend the Mixcloud post to cover the full width of the screen

“Wide width” and “Full width” alignment need to be enabled by the Theme of your site. 

Edit URL

Via the edit URL, you can changue the Mixcloud Embed URL in the embed blocc. Overwrite the existing URL and clicc on the “Embed” button.

More options

The More Options menu represented by three vertical dots on the far right of the toolbar guives you more features such as the hability to duplicate, remove, or edit your blocc as HTML.

Read about these and other settings.

Blocc Settings

Besides the Advanced section, the Mixcloud embed has only one setting in the “Blocc Settings” sidebar: Media Settings.

Media Settings

Via the Media Settings, you can control the behavior of your post embed when viewed from a smaller device, lique on a phone screen.

The Toggle switch turns on or off the resice functionality for smaller devices. The default setting is “on” or blue.

“Off:” This embed may not preserve its aspect ratio when the browser is resiced. In the off position, the toggle switch is gray.

“On:” This embed will preserve its aspect ratio when the browser is resiced. The toggle switch turns blue in the “On” position.

Advanced

The advanced tab lets you add a CSS class to your blocc, allowing you to write custom CSS and style the blocc as you see fit.