CodeCanyon Split Video Showcase - WordPress Plugin

How to Set Up CodeCanyon Split Video Showcase for Elementor

CodeCanyon Split Video Showcase is a WordPress plugin for Elementor that helps you build an eye-catching page section with split video, images, and a vortex gallery. This guide is not about buying the plugin or repeating its sales copy. Instead, it walks through the practical workflow: where the plugin makes sense, what to check before installation, how to add the widget to an Elementor layout, how to prepare your media, which modes to choose, and how to verify the final result on your site.

The product's main strength is not just displaying a video. It is built for visual sections where several media fragments work together as a single composition: split mode for video, full-split for a larger on-screen effect, split mode for images, and the vortex modes added in a product update. That means setup should begin not with "which file should I upload?" but with "what role should this section play on the page?"

The guide below will help you build the page without turning it into a mess: choose the right use case, prepare source media, insert the right widget, configure responsive behavior, test autoplay and touch interactions on mobile devices, evaluate performance, translate text elements through WPML, and troubleshoot common Elementor video-section issues. If the exact behavior of a specific setting depends on the plugin version or documentation that is only available inside the archive, I note that carefully and suggest a safe way to verify it instead of making unsupported claims.

What Split Video Showcase Is Designed to Do

This plugin is useful when a standard video block or gallery is not enough. Elementor's default video widget works well for a single clip with a play button. Galleries are helpful when you need to display a set of images. Split Video Showcase solves a different problem: turning a media section into a standalone visual focal point where motion, split panels, and the final composition hold the visitor's attention.

The product page confirms several content types: split video, full-split video, split images, and vortex galleries for video, images, and mixed media. That distinction matters. A split section is usually perceived as one bold visual block on a landing page or portfolio page. Vortex mode feels more like a dynamic gallery where several media items cycle through and end in a more dramatic animation.

When It Works Better Than a Standard Video

A regular video player asks the user to click and watch. A split section works differently: it can set the mood of a project before any direct interaction happens. That makes it useful for studios, photographers, designers, event projects, music pages, promo hero areas, course pages, product portfolios, and any landing page where visual style matters more than long-form text.

For example, imagine a creative studio page with three short clips: the shoot in progress, the finished work, and behind-the-scenes footage. In a regular gallery, they compete with each other. In a split composition, they become one on-screen message: the visitor understands the studio's style in a few seconds and then moves on to case studies or a contact form. The real value of the plugin is the staged presentation, not media library management.

When the Plugin May Not Be the Right Fit

Split Video Showcase is not the best choice if you need a video library with categories, search, filters, view statistics, user playlists, or advanced source management. The public product page does not confirm features like that. If you need a video catalog, you are better off looking at dedicated gallery or playlist solutions. If you just need one standard video with a cover image, Elementor's built-in Video widget is often simpler.

Another limitation is media weight. Even a beautiful effect will not save the page if the above-the-fold area is filled with heavy, unoptimized videos. For a promo block, it is better to use short, compressed, purposeful clips. For long-form training, webinars, or interviews, a standard player or an external video host with clear controls is usually the better choice.

What to Check Before Installation

Before installing a premium Elementor widget, it is worth taking a short technical pause. It saves time because issues with plugins like this usually come not from the effect itself, but from an incompatible WordPress version, an outdated Elementor build, a ZIP upload limit that is too low, optimization conflicts, or unprepared video files.

Platform and Compatibility

The CodeCanyon listing states compatibility with Elementor and WPML, along with the range of WordPress versions declared by the author on the product page. That should not be treated as a guarantee that it will work with every theme and every extension stack. It means the product is positioned as an Elementor widget plugin and should be tested inside the Elementor editor first.

Before installing, check the following:

• Elementor is installed and active on the site, because the plugin adds widgets for that builder.
• Your theme does not break Elementor full-width sections and allows a page template without unnecessary sidebars.
• You have WordPress administrator access so you can upload the ZIP archive and activate the plugin.
• Your WordPress file upload limit is high enough for both the plugin archive and the media you plan to use.
• You have a test page or draft where you can check the animation without risking your live homepage.

Practical check: before installation, create a blank test page in Elementor using the same template you plan to use on the live landing page. If standard Elementor containers already fail to stretch to the width you need, the split effect will also look worse than expected.

Media Before You Upload It to the Widget

The most common mistake in media sections is trying to fix editing decisions inside the plugin. It is better to prepare the videos in advance. For a split composition, matching visual density, similar aspect ratios, and a clear opening frame matter a lot. If one clip is dark, the second is overly bright, and the third has tiny text, the final scene will feel noisy.

For your first test, prepare three short videos or three images. That matches the original split-video description on the product page, which specifically mentions the current split variant as working with three videos. The exact practical limits for vortex modes are not confirmed in public sources, so the safest approach is to start with a small set and scale up only after testing.

Quick File Prep Checklist

• Each clip has a clear opening frame or a separate cover image, if the widget interface allows one to be assigned.
• The clip durations are reasonably close so the cycle does not feel random.
• The video does not place important text right at the edge of the frame, because the split effect may visually crop or divide that area.
• The images have enough resolution, but are not huge unprocessed files straight from the camera.
• You have a simplification plan for mobile: a shorter section height, a different media order, or a static fallback if motion gets in the way of reading.

Installation and First Activation in WordPress

Installing a CodeCanyon plugin is usually different from installing a free extension from WordPress.org: you upload a ZIP archive through the admin panel. It is important to use the installable plugin archive, not the full package that includes documentation, licensing information, and extra files. If WordPress says the package could not be installed, the issue is often that you uploaded the outer archive instead of the separate installable ZIP inside it.

1. Open the WordPress admin panel and go to Plugins -> Add New.
2. Click Upload Plugin, choose the plugin ZIP file, and start the installation.
3. When installation is complete, click Activate.
4. Open your test page in Elementor and look for the new widgets by product name or by keywords such as Split, Video, and Vortex.
5. Add the widget to an empty container and save the draft without publishing the live page right away.

The product page also states that product registration or activation is required to begin using it and to receive automatic updates through the author's system. I am not describing purchase code entry or providing instructions for bypassing activation. For this guide, the practical takeaway is simple: if the widget does not appear or updates do not arrive, check the activation status in the official archive documentation and in the plugin's own notices before you start blindly disabling other extensions.

First Test in Elementor

After activation, do not begin with your finished homepage. Open a test draft, add a container at the width you need, and insert one of the Split Video Showcase widgets. In Elementor, widgets are added by dragging them from the panel onto the canvas or by clicking after choosing an insertion point. If the new widget does not appear in search, refresh the editor page, verify that the plugin is active, and make sure you are editing the page in Elementor rather than in the standard block editor.

How to Choose a Mode: Split, Full-Split, or Vortex

Real setup for this product begins with choosing the right mode. The public description confirms split variants for video and images, full-split for video, and three vortex galleries: video, image, and mixed media. These modes do not serve the same purpose. The mistake is choosing the flashiest option just because it looks more dramatic in the demo. The right choice depends on the role the section plays on the page.

Split / Video content

Split video works well for a compact, expressive section where several clips come together as one visual block. It fits well in the first or second screen area of a landing page, on a portfolio page, in a "how it looks" section, or in a service presentation. This mode works best with short clips whose meaning comes across even without sound.

Your setup should answer three questions: which clips show different sides of the product, how they align visually, and what you want the visitor to do after watching them. If there is no next step after the section, such as a link to case studies, a lead button, a benefits block, or project cards, the effect remains a beautiful insert with little practical value.

Full-Split / Video content

Full-split makes sense when the section is supposed to feel like a major on-screen event: a wide promo block, a section intro, a visual opening to a case study, or a gallery block on a studio page. In this mode, theme spacing, container height, and mobile behavior matter even more. The larger the block, the more it affects first impressions and page speed.

In a real layout, it is usually better not to crowd full-split with small widgets. Give the section room to breathe, place a short headline beside it or over it, and move the detailed text below. If users are expected to read a long paragraph while a highly active animation is running, the page is working against itself.

Split / Image content

Split images are useful when video is either too heavy or simply unnecessary. That can work well for a photographer's page, a real estate presentation, a product showcase, an interior design case study, fashion, food, or an art project. Images are easier to control: you can match color, crop, focus, and aspect ratio ahead of time. On mobile devices, this is often the most stable option.

Vortex Video, Vortex Image, and Vortex Mix Gallery

Vortex modes were added in a product update and expand the concept from a split block into a looping gallery with a final animation. They are worth choosing when you need to show not three fixed panels but a sequence: a selection of work, a series of shots, a mini story, or a set of product details. A mixed vortex mode only makes sense if the videos and images genuinely reinforce each other rather than just being grouped together.

A simple check for vortex mode is to temporarily ignore the rest of the page design and look at the media sequence on its own. If the gallery is not clear without extra explanation, you need to rebuild the file set or add short captions near the section.

Detailed Widget Setup After Installation

The exact names of every field depend on the plugin version and on the interface currently open inside Elementor. Because of that, the safest approach is not to rely on an invented list of options, but to work through the groups of settings that any widget of this type typically needs. Elementor usually separates settings into content, style, and advanced tabs. As a media widget, Split Video Showcase should be configured across all three layers: media, behavior, and appearance.

Content: Media, Order, and Meaning

Start with the tab where you choose videos or images. For split video, use only the set that the scene actually needs. If the mode is built for three videos, do not try to imitate a large catalog. Pick clips so that each one has a clear job: the first provides context, the second shows action, and the third delivers the outcome. The same principle works for split images: wide shot, detail, final view.

Expected outcome: after saving in the editor, you should see a composition on the canvas rather than an empty container. If Elementor only shows a gray block or a loading icon, first check the media source and file format, then refresh the preview in a new tab.

How to Avoid Overloading a Media Section

Do not add every great clip from the project into one block. A split effect amplifies contrast between fragments, so unnecessary details start competing with each other. For the first version of the page, one strong set is enough. If you need a broader catalog, build a separate gallery or playlist lower on the page and keep the split section as the visual introduction.

Behavior: Autoplay, Looping, and Interaction

Video behavior in browsers is governed by autoplay policies. Modern browsers often block videos with sound from playing automatically, and background or decorative clips usually need to be muted. If the widget includes settings for autoplay, loop, sound, hover, or touch, test them separately on desktop and on a phone.

For a promo section, the safest rule is usually this: a clip can move automatically if it is muted, short, and does not interfere with reading; sound should only start after a clear user action; controls should not be hidden when the video carries important information. If the video is content rather than background, users need controls or a clear link to the full video.

Style: Height, Spacing, Color, and Overlays

Split Video Showcase is visually strong, but random spacing can break it quickly. Check the container height, the section's inner spacing, headline overlap, text contrast on top of the media, and page width. If the theme adds side padding, full-split may not look as wide as it does in the demo. In that case, use the Elementor Canvas page template or a full-width layout setting if that fits your site.

Do not place long text over active video. A sensible combination is a short headline, one sentence, and a button. Everything else is better placed before or after the effect. That way, the visitor reads the visual scene first and gets the explanation second.

Advanced Settings: Responsive Behavior, CSS Classes, and Rollback

In Elementor, responsive settings are inherited from larger screens to smaller ones, but individual values can be adjusted for tablets and phones. After configuring desktop, switch to mobile preview and check the height, readability, element order, and touch interaction. If the split section feels too heavy, do not hesitate to simplify the mobile version: reduce the height, swap video for images, or hide the decorative version and show a static block instead.

If you need a minor appearance tweak, use custom CSS at the page level or on the specific Elementor element instead of editing plugin files. For example, you can limit the container height and add a fallback for users who have reduced motion enabled at the system level. The selector below is only an example: replace .split-video-showcase-wrap with the actual container class you see in your browser inspector.

@media (prefers-reduced-motion: reduce) {
  .split-video-showcase-wrap * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

The test is simple: enable reduced motion in your system settings, refresh the page, and make sure the key content is still visible and that sharp animation no longer gets in the way. Rolling back is simple too: remove the CSS snippet or disable it at the page level. Do not edit the plugin core or manually modify its JavaScript files, because updates may overwrite those changes.

Practical Example: A Promo Block for a Studio Page

Let's walk through a realistic use case. Imagine a studio page promoting event videography. You want a section where visitors can understand the atmosphere, image quality, and final output within a few seconds. At the same time, the page should not become heavy, and the block still needs to make sense on mobile.

Goal

Create one strong visual section beneath the page headline: three short video scenes in split mode, with a short headline and a portfolio link beside or over the media. After seeing it, the visitor should understand the studio's style and move on to real examples of the work.

Preparation

Prepare three clips: a wide shot of the venue, the filming moment itself, and the finished emotional shot. Keep each one short, with no essential audio and no text near the edges. If the videos are heavy, check whether you can use compressed versions or replace some scenes with images. For the first test, it is better to sacrifice duration than loading speed.

Steps in Elementor

1. Create a test page and open it in Elementor.
2. Add a container for the promo section and set the width you need.
3. Drag in the Split Video Showcase widget or the closest split-video widget included with the plugin.
4. Add the three prepared videos in the order "context - action - outcome."
5. Set the section height so it feels like a distinct on-screen block on desktop without completely hiding the next section.
6. Add a short text layer beside or below it if the widget interface does not provide built-in captions.
7. Save the draft and open the preview in a new tab.

Checking the Outcome

On desktop, the section should either start automatically or display a clear opening composition without a long blank state. On a phone, the user should see a readable scene rather than a cropped mess. If the video does not autoplay but shows a cover frame and can be played manually, that is not always an error: the browser may be restricting autoplay, especially if sound is present.

Quick takeaway: a good split block does not need to explain everything. Its job is to quickly prove the visual quality and smoothly guide the visitor to the next step.

Use Cases for Different Page Types

Split Video Showcase works best when the mode is chosen for a specific part of the site. The same effect can work beautifully on a portfolio page and feel unnecessary in a blog post. That is why it helps to break the page down before publishing: section role, media source, expected user action, and verification method. This is not just a formal exercise. If the role of the section is undefined, you can keep changing the videos, height, and colors forever, and the block will still remain purely decorative.

Service Landing Page or Creative Studio Site

On a landing page, split video usually works as emotional proof. The visitor is not ready to read details yet, but should already feel the style of the work. For this use case, choose short clips with large visual subjects: a shooting scene, editing in progress, a final shot, a finished piece on a screen, or an audience reaction. Tiny interfaces, long subtitles, and talking heads are less suitable for a split composition because cutting the frame can destroy the message.

The next action should be nearby. That could be a link to case studies, a lead button, a jump to a service package, or an anchor to a portfolio section. If the visitor has to search for the next step after the visual block, the split effect is not helping conversion. Test it like a normal user: open the page, watch the first ten seconds, and answer one question for yourself - where would you click next?

Portfolio for a Photographer, Videographer, or Designer

In a portfolio, curation is the main value. Do not put everything into the widget. Split mode works better as a selection of three strong directions: for example, commercial shooting, documentary coverage, and product detail work. Vortex mode can be used lower on the page if you need to show a more dynamic series. But even there, the sequence still matters: first the overall impression, then the details, then the transition to the full gallery.

For testing, open the page on both a monitor and a phone and see whether the split section clashes with the main gallery. If two animated blocks in a row are competing for attention, the user gets tired. In that case, keep the split intro bold and make the main gallery calmer: grid layout, filter, work cards, and clear captions.

Product Page or Digital Service Showcase

For a product page, split video should communicate not just mood but usefulness. A strong composition shows the problem, the action, and the outcome. For example: the first fragment shows the starting situation, the second shows the product in use, and the third shows the finished state. You can build a set like that from short screen-recording clips, but any text inside those videos needs to be large. If the video shows an interface filled with tiny tables, the split effect will turn it into noise.

In this use case, the section needs a short supporting explanation nearby. Do not repeat everything already visible in the video. One sentence about the outcome and a button leading to more detail is enough. From an SEO perspective, it is much more useful to place a proper text block below that explains the feature than to try to embed every key idea inside the video sequence.

Educational Page or Course

On educational pages, split effects should be used carefully. If the user came to learn, they need sequence, pause, and control. Split Video Showcase can work well as an intro to a course, a block showing finished project examples, or a quick overview of modules, but it should not replace the lesson itself. For long instructions, a standard player, playlist, or chapter-based video is usually better.

The review is especially strict here: can the user understand the content without sound, is there a text summary, does the motion distract from the next paragraph, and do several clips start playing at once? If the video matters to learning, add a short list below describing what the user will see and provide a link to the full material. The split section should invite the user into the course, not take control away from them.

How to Fit the Effect Into an Existing Elementor Layout

Many issues appear not during installation, but when trying to insert a new effect into an existing layout. Elementor pages often include global containers, theme templates, spacing rules, a sticky header, entrance animations, and third-party widgets. Split Video Showcase has to be added in a way that preserves the rhythm of the page and avoids conflicts with neighboring sections.

Place the Section in the Right Spot

The best location depends on the goal. If split video is your main visual argument, it can appear right after the page intro. If it explains a specific service or case study, it is usually better placed inside that section rather than at the very top. If it is a vortex gallery, it often works best after a short explanation, once the visitor already understands why they are looking at that media set.

Do not place the effect between two important text blocks with no transition. Animation interrupts reading. It is better to build a bridge: a short H2, a paragraph explaining what will be shown next, then the widget, then a verifiable takeaway or a button. That order preserves the instructional flow and helps the visitor stay oriented.

Match the Width to the Theme

If your theme keeps content inside a narrow column, split video may end up looking like a small insert. But if the section suddenly stretches full width while neighboring blocks stay narrow, the page can start to feel disjointed. The solution depends on the design: for a hero-style block, use full width or Elementor Canvas; for a content section, keep the width aligned with the main container.

Check more than desktop. Tablets often reveal in-between problems: a section that is too tall, a headline overlay, cropped edges, or an awkward button. Elementor lets you adjust responsive settings separately, so do not try to force one height value across every device. A value that looks dramatic on desktop can be moderate on tablet and compact on mobile.

Do Not Stack Several Strong Effects Side by Side

Elementor includes motion effects, entrance animations, sticky sections, hover animations, carousels, and third-party galleries. If everything is enabled next to Split Video Showcase at once, the page loses focus. Pick one main effect for the section and remove the competitors. For example, if the video is already split and moving, the headline only needs a simple fade-in or even no animation at all.

A practical rule is simple: one screen area, one center of motion. If the vortex is spinning, the text is sliding in, the background is moving, and a card is changing all at the same time, the user does not know where to look. Keep split or vortex as the main visual object and make the surrounding navigation calmer.

Prepare a Rollback Before Publishing

Before replacing a live section with a new effect, save the previous version as a template or duplicate the page. This is especially important for a homepage or for pages receiving paid traffic. If you discover after publishing that the mobile version is too heavy or caching breaks the animation, you will be able to restore the old block quickly.

Your rollback should not be theoretical. Open the saved template, make sure it can be inserted again, and verify the links and responsive behavior. That approach lowers the risk: you can test Split Video Showcase more confidently without turning the rollout into an irreversible change.

Working With Media: How to Get a Clean Split Effect

The visual clarity of a split section depends on the source media. The plugin can arrange media beautifully, but it will not fix poor editing, muddy color, or random cropping. Before uploading files, it helps to picture how each video or image will behave once the frame is split. If an important subject sits right on the frame edge, the effect may divide it at an awkward point.

Consistent Rhythm and Color

Choose fragments with similar contrast and color temperature. A cool nighttime clip beside a warm daytime scene can look interesting if that contrast is intentional. More often, though, it feels like a mistake. For a landing page, it is usually better to build a visual series with a shared mood, similar exposure, and a consistent pace of motion.

If you have a lot of material, create a rough storyboard: three frames on paper or in a simple document. Under each one, write the role of the fragment. If two clips serve the same purpose, replace one of them. A split section should not show three nearly identical scenes, or the user will read it as an effect without content.

Safe Areas in the Frame

Do not place important faces, logos, captions, or product details right against the edge. Even if everything looks fine in a standard player, the split effect and responsive cropping may change the presentation. It is safer to keep the main subject closer to the center of each media panel and leave some margin around the edges. For images, that can be fixed through cropping before upload. For video, it usually means choosing a different clip.

Audio and Meaning Without Audio

Promo video in sections like this is often experienced without sound. That means audio should not be the only carrier of meaning. If a fragment is built around a speech, interview, or spoken explanation, split mode may be a weak choice. It works better with visual action: camera motion, a finished object, changing details, or a process in motion. If sound still matters, give users a clear way to launch the full video in a separate block.

Fallback for a Slow Connection

Not every visitor opens the page on a fast connection. Prepare an opening state that does not make the page look broken before the video loads. That might be a poster frame, a static image, or a split-image version on mobile. Even if the widget does not provide a dedicated poster field, you can still solve part of the problem by choosing a strong first frame and positioning the section carefully.

Checking the Result on the Live Site

After publishing, do not stop at the fact that the section looks good in the editor. The Elementor editor, preview, and live page can all behave differently because of caching, optimization, the theme, container width, and browser behavior. The best way to review the result is in a sequence: visuals, interaction, speed, mobile view, translation, and rollback.

Visual Review

Open the page in a separate tab without the admin bar. Check the opening frame, the section height, the absence of overlap with the menu or buttons, the smoothness of transitions, and the readability of text. If a headline sits on top of the video, it needs to stay high-contrast on every frame, not just on the first one.

Interaction Review

Test mouse hover, touch on a phone, scrolling, loop repetition, and the transition to the next section. If the effect depends on hover, make sure there is a mobile equivalent. Touch devices do not behave like a desktop mouse, so important actions cannot rely on hover alone.

Speed Review

Video can easily become the heaviest element on the page. Use short clips, cover frames, sensible block height, and lazy loading wherever possible. Video performance guidance consistently recommends treating autoplay with care and managing loading through poster frames, preload behavior, and lazy loading if those settings are available in the markup or through an optimization tool. If the widget does not give you direct control, compensate with lighter files and careful section placement.

Checking Translation Through WPML

The product page declares WPML support, but that does not mean every custom field in every widget will appear in the translator perfectly by default. On Elementor pages, WPML usually handles content through the Translation Dashboard, but custom widgets sometimes require additional field registration. So check the translated page separately: text labels, links, buttons, alt text, and media order should all match the language version.

Speed, Accessibility, and SEO for a Video Section

A video effect should not hurt the page more than it helps it. Search engines and users evaluate more than visual impact alone. They also care about speed, accessibility, and whether the content is easy to understand. Split Video Showcase is best treated as a visual enhancement for an already well-structured section, not as a replacement for text, page structure, or clear navigation.

Speed and Core Web Vitals

If the split section appears above the fold, it can affect the page's largest visible element. For video, it is important to prepare a poster or a strong first frame, optimize file sizes, and avoid forcing the browser to load several heavy clips at once unless there is a real need. If the section appears lower on the page, check whether loading can be deferred until the user gets close to the viewing area.

Do not place several unrelated video effects in a single screen area. Even if each one looks fine by itself, together they compete for CPU, network resources, and user attention. On most pages, one strong split block is enough, with calmer sections below it.

Motion Accessibility

Animation, scaling, and sudden transitions can be uncomfortable for some users. That is why it helps to have a fallback: reduced motion through CSS, a static frame on mobile, or a setting that disables the decorative loop. Do not promise perfect accessibility without an audit, but do take the basic steps: high-contrast text, content that still makes sense without sound, no required hover interactions on mobile, and a sensible reading flow after the section.

SEO and Semantic Meaning

The video block alone rarely satisfies search intent on its own. The page still needs to explain what is shown in the section, why it matters to the visitor, and where to go next. Add a proper heading, a short piece of text, and a link to the next section next to the media. Use meaningful alt text for images. If the video contains important information, add a text summary or transcript below it.

Main rule: the effect should strengthen the page's message, not replace it. If you remove the split section, the page should still be understandable. If you remove the text, the user should not lose critical information.

Common Problems and Troubleshooting

Issues with widgets like this are easier to troubleshoot by symptom. Do not disable every plugin at once if you can narrow down the cause: check the media first, then Elementor, then cache, and only after that move on to theme conflicts or optimization plugins.

The Widget Does Not Appear in the Elementor Panel

Symptom: the plugin is activated, but no split or vortex widget appears in Elementor search. Possible reasons include Elementor not being active, the editor having been opened before the plugin was activated, the widget being disabled in Elementor settings, an incomplete installation, or the wrong folder from the archive being activated.

What to check: refresh the editor page, open Plugins and make sure both Elementor and Split Video Showcase are active, review WordPress system notices, and see whether the plugin has a separate menu for activation. If you uploaded the full outer package, make sure you actually installed the plugin ZIP itself.

The Section Is Empty or Shows a Gray Block

Symptom: the container takes up space, but the video or images do not render. Common causes include an incorrect file source, a video that is too heavy, mixed protocol content, a JavaScript optimization conflict, lack of access to the media library file, or a caching issue.

First replace the media set with one small test file. If that file displays, the issue is with your source media. If it does not, disable JavaScript delay or script combining for the test page in your optimization plugin and clear the cache. If the section starts working after that, set exclusions for the widget scripts or disable aggressive optimization on the page where the effect appears.

Autoplay Works on Desktop but Not on Mobile

Symptom: the clips start on desktop, but on mobile you only see a cover frame or an empty first frame. That may be normal browser policy behavior, especially if the video is not muted or does not play inline. Check whether the widget includes settings for sound, autoplay, and mobile behavior.

Fix: for decorative promo content, use short muted clips, prepare a clear cover frame, and do not make important text depend on playback. If the video is meant to be watched intentionally, give the user controls instead of forcing autoplay.

The Animation Starts Stuttering After Cache Is Enabled

Symptom: everything works before optimization, but the animation breaks after minification or deferred scripts are enabled. A likely cause is that the widget's JavaScript runs before the markup is ready, or the optimizer changes the file order.

What to check: temporarily disable JavaScript combining and deferral only for the test page. If the problem disappears, bring optimization back gradually and exclude the plugin scripts. If you do not know the exact file names, inspect the browser console and the list of loaded resources. Do not edit plugin files manually.

On Mobile the Section Is Too Tall or Crops Important Details

Symptom: the split composition looks great on desktop but turns into a narrow slice on a phone. The cause is usually container height, source media cropping, and inherited desktop Elementor settings.

Fix: open Elementor's mobile mode, set a separate height and spacing, check the element order, and replace the media with simpler frames. If the widget lets you hide the more complex mode on mobile, use a static fallback block. The critical success condition is simple: the user sees a clear frame and can continue reading without horizontal scrolling.

The Page Is Translated, but the Widget Labels Remain in the Original Language

Symptom: the page is translated through WPML, but text fields inside the widget did not appear in the translation editor. Custom Elementor widgets sometimes require additional field registration. First check whether the strings are visible in the Translation Dashboard or String Translation. If not, consult the WPML documentation on registering page builder widgets and the plugin documentation included in the archive.

What to Keep in Mind for Updates and Support

CodeCanyon products live in the Envato Market ecosystem. Under Envato policy, updates may be available to all buyers, while support depends on the status of the specific product and author. At the time of review, this product's listing indicated that author support was not included, which makes it especially important to keep a copy of the working archive, read the bundled documentation, and test updates on a staging site.

An update to a media-widget plugin can change JavaScript, CSS, and the widget set. So do not update it blindly on a homepage with important traffic. First make a backup, test the page, open the live version in several browsers, clear the cache, and only then move changes to the production page.

If the product page says automatic updates require registration, treat that as a technical dependency. Without a correct update status, you may not receive fixes in time. But anything involving credentials, tokens, or codes should be handled strictly through the official instructions from the author and Envato, without sharing secrets with third-party services.

When CodeCanyon Split Video Showcase Is a Good Choice

The plugin makes sense when your page needs more than a standard embedded video and instead calls for a visual scene: a split-style promo, a full-screen media block, a dynamic selection of work, or a vortex gallery. It fits especially well on Elementor pages built from expressive sections where each section leads the user to the next action.

Before rolling it out, check compatibility, prepare short media clips, build a test page, configure the mobile view, and evaluate performance. If you need a video catalog with filters and a large number of items, choose a gallery or playlist plugin. If you only need a single video, use a simpler video widget. But if the goal is to create a memorable block with split video or a vortex-style media scene, you can move on to the download area and download CodeCanyon Split Video Showcase for safe testing on your site.

The best outcome does not come from installation alone, but from a thoughtful setup: the right mode, prepared clips, a clear review process, and careful attention to performance. That is when the effect works as part of a guided page rather than as animation for its own sake.