Wfolio Docs
Control panelUpdatesSupport
Eng
Eng
  • Getting started
  • Plans
  • CLIENT GALLERIES
    • Gallery examples
    • 120 GB for free
    • Gallery management
      • Easy start
      • What files can be uploaded to the galleries
      • FAQ: Galleries
      • How to select files in a folder
      • How to add a cover on the Cloud Drive
      • How to clear cache in social networks and messengers
    • Selections
      • Setting up selections
      • Copying list in LR and C1
    • Products and services
      • How to sell products and services on the drive
      • How to sell digital photos
  • WEBSITE BUILDER
    • Site examples
    • Pages and content
      • How to set a homepage
      • How to hide a page
      • How to restore deleted page
      • How to make a dropdown menu
      • How to add blocks to an album
      • How to create a landing page
      • How to make a one page website with anchor links
      • How to set a password to the page
      • How to group hidden pages
      • How to add blocks to a page
      • How to hide blocks
      • How to change the page template
      • How to add a cover to a page
      • How to clear cache in social networks and messengers
      • Work with text
      • How to crop a photo
      • How to add a banner
      • Slider on the home page
      • How to add a video
      • How to protect videos from downloading
      • How to make a clickable link
      • How to make an anchor link
      • How to add buttons to social networks
      • How to make a phone number clickable
      • How to add a file for downloading
      • How to create a multilink
      • Splash page
      • FAQ. Page Editing
    • Design
      • Site theme
      • Site colors
      • Dark theme
      • Social media icons
      • Why do I need a logotype for a website
      • Creating and uploading a logotype
      • How to delete a logotype
      • Photo layout
      • How to make an announcement bar
      • Overriding CSS for a block
      • FAQ. Design
    • Portfolio
      • Photo requirements
      • How to add albums and galleries
      • How to organize portfolio on a website
      • How to make subsections in a portfolio
      • How to create subpages in a portfolio
      • How to create a portfolio with tags
    • Blog and shoot previews
      • Shooting previews
      • How to respond to customer reviews
      • How to make post/announcements in a blog
      • Categories in reviews and posts
    • Widgets
      • How to add HTML code (widget)
      • Q&A (FAQ) widget
      • Before&after widget
      • Pinterest widget
      • How to add a calculator to a website
      • How to integrate email campaigns
      • How to connect an online booking system
      • How to add a map
      • How to add a calendar
      • How to add a form
      • How to create a QR code for a link
      • How to add music
      • FAQ. Widgets
    • Site settings
      • Main site settings
      • How to add the text at the bottom of the website
      • Site development mode
      • How to translate a website
    • Search Engine Optimization
      • How to connect Google Search Console
      • How to get into Google search
      • Alt-texts for images
      • SEO page settings
      • How to change the cover for social networks on a separate page
      • Sitemap.xml on your website
    • Products and services
      • How to sell products and services on the website
      • How to create a personal account of the client
      • How to create Thank you page
  • Shop
    • Currency
    • Product card
    • Payment system connection
  • Analytics
    • Wfolio analytics
    • How to connect Google Analytics
    • How to install Facebook pixel
  • Domains
    • New domain registration
    • How to connect a domain purchased elsewhere
    • SSL certificate and HTTPS
    • Сonnecting a subdomain
    • FAQ. Domains
  • General settings
    • Trial period. Payment for services and auto-payment
    • Login system update: now password-free
    • Access code for login
    • How to change the plan
    • How to make several websites
    • How to invite a friend
    • How to change email for notifications
    • How to save a website in case of temporary non-payment
    • FAQ. Payment
  • Legal settings
    • User Agreement
    • Privacy Policy
    • Cookie notifications
    • Cookie Consent Management
    • 18+ Content Warning
  • Links
    • Wfolio control panel
    • Telegram support chat
Powered by GitBook
On this page

Was this helpful?

  1. WEBSITE BUILDER
  2. Widgets

How to add music

How to add music to the site

PreviousHow to create a QR code for a linkNextFAQ. Widgets

Last updated 3 months ago

Was this helpful?

You can add an audio file from an external service to the website.

To add music to a page, you need to insert the audio file code into an HTML block. Let's look at adding a player using the example of SoundCloud.

  • Go to the website and find the track.

  • After finding the track, hover over the track and click on the Share. Select Embed and copy the code.

  • Paste the copied code into the HTML block. Save the changes.

Now, when viewing the page, a widget with a player and the ability to listen to the track will be displayed.

Automatic music playback will not work as all browsers block it. Music (and videos with sound) can only be played by a user's click.

Go to the Wfolio control panel in the section. Open the custom page to which you want to add the player and add a new block by clicking «+». In the window that opens, select the «Widgets» tab and at the bottom of the list, choose an appropriately sized HTML block.

SoundCloud
Pages