Support

Media Slider Widget


The Media Slider widget offers video, image, and text-only slide options as well as a variety of layouts. With the many settings and design options, there is also a wide range of possible configurations. This widget can be used for just about any type of content. While the possibilities are nearly endless, to name a few: Testimonials, FAQs, product presentations, a team section, and services. A slider can also be an effective tool to deliver interactive, organized content to site visitors.


Note

    视频作为幻灯片的背景，因此无法播放声音。视频自动播放功能取决于特定浏览器的限制以及设备的设置（例如，如果启用了低功耗模式，视频可能无法自动播放）。有关视频故障排除的更多信息，请参阅视频小部件故障排除。


To add the Media Slider widget:

  1. In the left panel, click Widget.
  2. Click and drag the widget into your site.


Note

  • A maximum of 25 slides can be included.
  • The supported media files are image and video. This includes .svg, .png, .jpg., .gif, and all video formats.


Media Slider Content

To access the content editor, right-click the widget, and click Edit Content.


Add Slides

To add media to the slider, click Add new slide. This creates a new slide and opens the new slide’s settings. You have the following options:

  • Add desired media. Select Click to add media to open the Media Library. Once media is added, a field will appear for Alt text. You can either type your own alt text or click the Sparkle () icon to use the AI Assistant to generate alt text. Repeat for each individual piece of media in the Media Slider. The Sparkle icon will be disabled if no media is selected.


Note

  • Alt text generated by the AI Assistant is in the same language as the page’s current language.
  • Text you would like to display on the slide.
  • A button. This can also be switched to a link.


To switch a button to a link:

  1. Click the slide you would like to switch from a button to a link. This will open the slide’s settings.
  2. Click Button to open the section.
  3. Click the toggle for the Display as button setting.


Edit Slides

In the Media Slider Content, click the slide you would like to edit. The slide’s settings will open.


Remove Slides

In the Media Slider Content, hover on the slide’s thumbnail you would like to delete and click the trashcan icon.


Design Layout

There are several layout options to select from. Click on the layout thumbnail to see the available layouts.


Transition

  • Slide transition. Select Fade or Slide.
  • Autoplay.
  • Slideshow speed. Move the slider to select a speed between 1 and 20 seconds.
  • Pause slideshow on hover.
  • Content animation.

Navigation indicators

    显示。从下拉列表中选择一个选项。尺寸。间距。颜色。

Media & Background

  • Display full media. Show media in its original dimensions. Note that this might add additional space to the slider's edges.
  • Overlay color. There is also a slider to set Opacity.
  • Background color.

Text Style

  • Title.
  • Description.


Both title and description have options for font, size, color, format, and text direction. There is also an option to reset back to the site’s theme style.


Button

  • Button style.
  • Button text.
  • There is an option to reset to the site’s theme for primary buttons.


Frame

  • Dimensions, including Full width, Width, and Height. Desktop and tablet are independent of mobile. Dimension changes to mobile should not affect desktop and tablet.
  • Border. Click the gear icon to customize the sides.
  • Shadow.
  • Content Alignment


Animation

  • Trigger
  • Animation



Create A Testimonial Text Slider

With the Media Manager widget there are a few options depending on the media you would like to include in your testimonial slider.


To create a testimonial slider without a background image:

  1. Add the Media Slider widget to your site.
  2. In the Media Slider Content, click Delete all to delete all the default slides.
  3. Click Add new slide.
  4. In the slide settings add:
  • (Optional) In the Media section, click Click to add media to add a customer’s image.
  • The testimonial content (such as name and testimony).
  1. In the Design tab select one of the following layouts (these are the suggested layouts, others may require additional setup):
    默认布局（如果不使用客户图片，则为最佳选择）。默认情况下，此布局具有图片叠加（和背景颜色）。这可以在“图片和背景”部分中进行编辑。客户图片位于推荐内容上方。幻灯片垂直过渡，左侧为图片，右侧为推荐内容。
  1. Edit the remainder of the design settings to the desired configurations.


Customer Support Hours

Mon - Fri, 9 am to 9 pm (CT)

Sat, 9 am to 6 pm (CT)

(Chat Unavailable on Saturdays)

iClassPro offices will be closed in observance of the following holidays:
New Year's 2024 (Jan 1, 2024), Good Friday (March 29, 2024), Memorial Day (May 27, 2024), Independence Day (Jul 4, 2024) Labor Day (Sep 2, 2024), Thanksgiving (Nov 28 - 29, 2024), Christmas (Dec 24 - 25, 2024)

Visit the Customer Support Page


Share by: