Editor Basics
FreshSources: Introduction to Editor UI, Edit Script Caption, Edit Your Assets, Upload New Asset Media, Select and Upload Music, Add CTA, Select Different Visual Styles, Manage Products
Key Takeaway
The Creatify Editor gives you full control over scripts, avatars, assets, music, captions, CTAs, and timeline -- all in one interface.
Editor Layout
| Panel | Location | Contents |
|---|---|---|
| Project Name | Top | Rename your project |
| Preview | Center | Video preview with TikTok UI overlay option |
| Left Panel | Left side | Script, Avatar, Assets, Music, CTA |
| Timeline | Bottom | Precise timing adjustments for all elements |
| Properties | Right side | Fine-tune settings for selected elements |
| Undo/Redo | Top toolbar | Quick edit corrections |
Working with Scripts & Captions
Edit Script Text
- Go to Script in the left menu
- Click on any script section to edit
- Modify the text directly
- Click Render Audio to regenerate the voiceover
Customize Captions
- Go to Script > Script Caption
- Select the caption text you want to modify
- Edit text on the right side panel
- Use editing tools to change font, size, and style
- Choose from preset caption styles
- Adjust text and background color
- Drag captions to reposition on screen
- Click Apply to All to apply position changes globally
Caption Style Recommendation
Bold colored captions (red or blue) tend to perform better for TikTok content. Choose high-contrast styles for colorful backgrounds.
Working with Assets
View Scraped Assets
- Go to Assets in the left side menu
- All images and videos scraped from your product URL are displayed here
Add New Assets
- In the Assets panel, click the + (plus sign)
- Upload images or videos from your device
- Drag and drop assets into the timeline
Edit Assets
- Resize: Drag the corners of any visual
- Replace: Right-click or use the top-right menu to replace a visual
- Crop: Crop to the right size from the corner menu
- Opacity: Adjust transparency using the slider
- Show/Hide: Toggle visibility
- Fill/Fit: Choose how the asset fills the frame
- Animation: Add entrance/exit animations
Timeline Management
- Drag asset clips on the timeline to rearrange
- Drag the edges to shorten or extend clips
- Use 3-7 second clips for B-roll to maintain viewer attention
- Switch up B-roll frequently -- TikTok viewers have short attention spans
Music
Select Background Music
- Go to Music in the left side menu
- Browse by categories or check trending music
- Click Play to preview tracks
- Select the track you want
Upload Custom Music
- Go to My Music in the music panel
- Click the + sign
- Upload your own audio file
Adjust Volume
- Use the volume slider in the top right corner
- Balance music volume against voiceover
Commercial Music
Occasionally, the default music selection may include tracks that are not commercially licensed for TikTok. Consider muting the default music and adding your own commercially licensed track, or using TikTok's commercial sounds library after export.
Call to Action (CTA)
Add a CTA
- Go to CTA in the left side menu
- Click + to upload your brand logo
- Customize:
- Text: Edit the CTA message (e.g., "Now just $30", "Shop Now", "Limited Time")
- Font, Size, Color, Style: Match your brand
- Position the CTA on the video
- Adjust timing: Drag the CTA bar on the timeline to control when it appears
CTA Tips
- Point an arrow image toward the purchase button (especially for TikTok Shop)
- Test different CTA texts: "Shop Now", "Get Yours Before Midnight", "Try It Risk-Free"
- You can make the CTA fill the end screen with a blurred video background
- Adding CTA at the initial stage (under media and product details) auto-generates one
Delete a CTA
- Click the Delete button on the CTA element
- Re-upload a new one if needed
Visual Styles
Creatify offers 14+ visual layout styles. To change:
- In the editor, go to Avatar > Layout in the left menu
- Browse through styles:
- Full Screen
- Top and Bottom
- Side by Side
- Twitter Frame
- Green Screen
- Vlog Style
- Quick Transition
- And more
- Select a style and either Render or continue editing
- You can also exit the editor and choose a different visual style from the main workflow
Quick Edit vs Full Editor
- Quick Edit: Fast adjustments to script, avatar, or music
- Full Editor: Complete control over every element, timing, and visual