# Billing and Subscription Management
Source: https://docs.demokraft.ai/account/billing
Learn how to access the billing section, manage Hub and Studio subscriptions, track limits, update payment methods, and download invoices in Demokraft AI.
## Accessing the Billing Section
Access the **Billing** section within the Demokraft AI portal to effectively manage your subscription details, usage metrics, and billing settings.
![Billing Portal Overview]()
### Navigating to Billing from Settings
To open your billing management interface:
1. Locate the **Settings** menu on the left-hand navigation pane.
2. Select the **Billing** option.
This provides step-by-step access to each billing feature and option available in Demokraft AI.
![Navigating to Billing]()
***
## Understanding the Billing Overview
The **Billing Overview** dashboard presents a consolidated view of your active and available subscription options, allowing you to monitor plan health and track your usage metrics seamlessly.
![Billing Overview Dashboard]()
### Subscription Options: Hub vs. Studio
Demokraft AI splits operational features across two primary subscriptions to allow users to choose either one or both services as per your business requirements:
| Subscription Plan | Primary Focus |
| :---------------- | :------------------------------------------------------------------------ |
| **Hub** | Designed for hosting, organizing, and sharing curated content. |
| **Studio** | Focused directly on content creation, recording, and project composition. |
![Subscription Hub and Studio Options]()
### Usage and Plan Monitoring
Within each specific subscription overview layout, you can track active metrics to ensure your usage remains well-aligned with your tier's parameters.
![Tracking Usage Parameters]()
***
## Managing Your Subscriptions
### Hub Subscription Details
When monitoring your **Hub** subscription layout, you can inspect and modify several operational parameters:
* **Credits Tracking:** Review total session credits consumed.
* **Plan Status:** Check active status and current renewal cycles.
* **Playlist Usage:** Monitor the total number of active playlists.
* **Billing Interval:** Determine if your plan structure is set to a monthly or yearly cycle.
You are free to switch plan tiers, update, or cancel your active subscription at any time to maintain fine-grained control over your subscription.
![Hub Subscription Management]()
### Studio Subscription Usage Limits
For **Studio** subscriptions, specialized production metrics are provided to keep track of your creation capacity:
1. **Active Tier:** View your current studio subscription plan details.
2. **Video Output:** Monitor the total number of videos created.
3. **Export Counts:** Track raw file exports processed.
4. **AI Voiceover Consumption:** Check your AI voiceover usage parameters.
5. **Project Constraints:** Monitor allocated project limits.
**Reaching Project Limits:** Upon hitting your maximum project count allocation, you can remove or archive older projects to instantly free up creation capacity for new production pipelines.
![Studio Usage Limits]()
### Reviewing Studio Billing Parameters
The Studio overview page provides quick visibility into your subscription details, helping you stay ahead of renewals and plan alterations:
* **Current Billing Period:** Track exact cycle timelines.
* **Active Plan Information:** View current feature permissions.
* **Upcoming Plan Details:** Verify scheduled updates or queue changes.
* **Renewal Cycle Schedule:** Anticipate payment schedules proactively.
![Studio Subscription Cycle Details]()
***
## Modifying Plans and Financial Settings
### Selecting Plans and Comparing Features
The dedicated **Plans** pages offer side-by-side matrices for both Hub and Studio subscriptions. Leverage these feature comparisons to select the exact operational plan that matches your current pipeline size.
![Comparing Plan Features]()
### Updating Billing Address Information
Maintain precise account records by updating your billing address on file. Keeping these records updated ensures all automatically generated invoices and communications stay properly addressed and compliant with your company's documentation standards.
![Updating Billing Address]()
### Managing Payment Methods
Securely add, remove, or update the card used for recurring subscription charges on the **Payment Methods** page. Keeping payment instruments current prevents temporary service interruptions due to validation failures.
![Payment Methods Section]()
### Accessing and Downloading Invoices
The **Invoices** section provides a complete historical record of all generated invoices. Inspect transaction details and download individual statements with a single click for straightforward accounting and business auditing.
![Invoices and Statements History]()
### Tracking Billing Activities
The **Activities** tab logs an unalterable record of all billing-related events, including plan changes and subscription updates. This audit trail enables you to maintain transparency and track changes over time.
![Billing Audit Logs and Activity Tracking]()
***
## Ensuring Complete Billing Visibility
These features collectively provide comprehensive visibility into your billing status within Demokraft AI. You can confidently track usage parameters, subscription renewals, and cancellations to maintain seamless service management.
# Manage Your DemoKraft AI Subscription and Invoices
Source: https://docs.demokraft.ai/account/payment
Update payment methods, download invoices, change plans, and understand DemoKraft AI's cancellation and refund policy from the billing dashboard.
The DemoKraft AI billing dashboard gives you full control over your subscription, payment methods, and invoices in one place. Only workspace Admins can access billing settings — navigate there at any time via **Settings → Billing**. Whether you need to upgrade to unlock more capacity, download a PDF invoice for expense reporting, or understand what happens if a payment fails, everything you need is covered below.
## Payment Methods
DemoKraft AI accepts the following payment methods:
Visa, Mastercard, and American Express are accepted on all plans.
Add, update, or set a default payment method at **Settings → Billing → Payment Methods**.
## Invoices
Invoices are generated automatically on each billing cycle and emailed to your billing contact. You can download them as PDFs at any time from **Settings → Billing → Invoices**.
To customise the details that appear on your invoices — including billing contact email, company name, address, and tax ID — go to **Settings → Billing → Billing Details** and save your changes. Updates appear on all future invoices immediately.
Download your invoices from **Settings → Billing → Invoices** for expense reporting and reimbursement — each invoice is available as a dated PDF with full billing detail.
## Plan Changes
Upgrades take effect immediately. As soon as you confirm, your new plan limits and features are available. You are charged a prorated amount for the remainder of the current billing cycle — you only pay for what you use.
To upgrade, go to **Settings → Billing → Studo/Hub Plans**, select your new plan, and confirm.
Downgrades take effect at the end of your current billing cycle — you keep all your current plan's features until the cycle closes.
Your Studio content are fully preserved through the transition. Projects created under the higher plan are not deleted.
To downgrade, go to **Settings → Billing → Studo/Hub Plans**, select the lower plan, and confirm.
Your subscription remains active and fully functional until the end of the current billing period. After it ends, you can no longer create new content or export. Your existing Studio content is retained for **30 days**, after which it is permanently deleted.
To cancel subscription got **Settings → Billing → Studo/Hub Overview**, select the cancel on respective tab to cancel its subscription.
For Hub you will always have Free plan actively renewed even if you cancel.
You can reactivate at any time within those 30 days by going to **Settings → Billing -> Studio/Hub Plans** and subscribing to a paid plan — all your content will be restored.
Studio Content is permanently and irreversibly deleted 30 days after your subscription ends or your trial expires. Download your exports and move any critical content to an external location before cancelling.
## Failed Payments
If a payment fails, DemoKraft AI automatically retries the charge on your behalf.
Update your payment method at any time during the grace period by going to **Settings → Billing → Payment Methods**. If the payment is still unresolved after the grace period ends.
If on retry too payment fails, you Studio subscription will be moved to inactive and you will loose access to your Studio content.
## Refund Policy
Monthly plan payments are non-refundable once the billing cycle has started. If you no longer need the plan, cancel before your next renewal date to avoid being charged for the following cycle.
Annual plan payments are non-refundable once the billing cycle has started. If you no longer need the plan, cancel before your next renewal date to avoid being charged for the following cycle.
You can reactivate a cancelled Studio subscription within 30 days by going to **Settings → Billing** and selecting a paid plan— all your Studio content will be fully restored as it was at the time of cancellation.
# DemoKraft AI Plans, Pricing, and Add-Ons Explained
Source: https://docs.demokraft.ai/account/plans-and-pricing
Compare AI Studio plans from Free Trial to Enterprise, add the AI Hub session add-on, and save 20% with annual billing on any paid plan.
DemoKraft AI is available across four AI Studio plan tiers — from a 14-day Free Trial to a fully custom Enterprise plan — giving your team exactly the capacity and features you need. Layer on the optional AI Hub add-on to enable AI Agent sessions, or contact sales for a bespoke AI Creative project. All paid plans are billed monthly and can be cancelled at any time, with the option to switch to annual billing and lock in a 20% discount.
You have the flexibility to choose Studio only, Hub only or Studio+Hub subscriptions as per your needs.
For AI Studio and Hub plan details, refer to the [Plans and Pricing page](https://demokraft.ai/plans-and-pricing/).
## AI Studio Plans
AI Studio helps teams turn raw recordings, videos, or presentations into polished, brand-ready product content using AI-assisted scripts, voiceovers, and visuals.
### Studio Frequently Asked Questions
In Studio, every video you record or upload, or presentation you upload, becomes available as a project in AI Studio. When you translate a project from one language to another, a new project is created for the target language. You can see the project list under the Studio section in the app.
Under the **Settings** section in the app, there is a **Billing** subsection. You can go to the "Studio Overview" to see your plan details like subscribed usage and available limits.
This is the number of new projects you can create every month. This limit is reset at the end of your billing cycle. Please note that during translation, a new project is created and it will consume from this new video project limit.
Each Studio plan has a specific duration up to which you can export a video. Let's say you are on the Free Studio plan and it allows up to 10 mins of export video duration; you can export videos until the total sum of all the exported videos reaches that month's export duration limit.
If the duration of the video you are trying to export exceeds the available limit, it won't allow you to export. You will need to upgrade to a higher plan if you need more export video duration. The same export video duration applies to both video and GIF exports. For example: if you have a 2-minute video to be exported, exporting both the video and the GIF for that video will consume 2+2 (4) minutes from your plan's export duration limit. This limit resets at the end of every billing cycle.
This is the total maximum limit on the number of Studio projects you can have at any given time. If your plan allows a max of 3 projects, you can have up to 3 projects. This limit does not reset every month. If you reach the max limit, you will need to delete an existing project to make way for new projects. If you need a higher limit, upgrade to a higher plan.
The Brand kit allows for custom aspects like custom voices (coming soon), uploading custom background images (coming soon), uploading custom background music, premium voiceover capabilities, and more.
Seats allow multiple users to collaborate using a single DemoKraft account so that multiple users can create content, review, and collaborate.
Once you record or upload your video in one language, you can translate it into 39 different languages to make your content multi-lingual and reach a global audience. You can refer to the General Studio FAQ for details on the languages supported.
To provide flexibility to users, we have kept separate subscriptions for Studio and Hub. These are independent of each other. You can control your subscription plans from the **Billing** subsection in the **Settings** section of the app.
When you sign up, your account defaults to the free plan for both Hub and Studio. You can check the plan details for your account by going to the **Billing** subsection in **Settings**. If you want to change the plan for either Studio or Hub, you can do so from there.
The number of AI Voice characters refers to how much AI-generated voice you can create based on your subscription plan.
As a general guideline, about 1,000 characters of script equals approximately 1 minute of AI-generated voice. The total AI voice duration used depends on the number of characters in your video script. If you generate an AI voice for your video, the characters in your script will be counted against your plan’s AI Voice character limit.
Due to RBI guidelines in India, automatic renewals require user mandates and authentication. Because of this, subscription renewals and upgrades are handled through manual payment links.
**For renewals or upgrades:**
* You will receive an invoice with a payment link.
* Use the payment link to complete your payment before the due date.
* If payment is not completed on time, your subscription will be:
* Downgraded to the Free plan (for Hub)
* Deactivated (for Studio)
During your active subscription, Indian cards will work normally.
You can update your billing details—such as name and address—from the Billing Form tab.
**To update your billing information:**
1. Go to **Account Settings**
2. Open the **Billing** section
3. Update your details in the **Billing Form** tab
*Note: Billing details must be updated in the Billing Form to be reflected correctly on your invoices.*
## AI Hub
AI Hub delivers instant engagement through playlists. Conversations and AI-guided journeys help buyers and viewers explore without waiting for scheduled manual demos, training, or engagement sessions.
### Hub Frequently Asked Questions
We understand that your business needs can evolve, and DemoKraft AI is designed with flexibility in mind. You have the freedom to switch between our pricing tiers to find the best fit for your current requirements.
* **How to Switch:** You can easily upgrade or downgrade your subscription at any time directly through your DemoKraft AI account dashboard. The process is designed to be straightforward.
* **Billing Adjustments:** When you change tiers, any adjustments to your billing are handled fairly and are typically prorated.
* *Upgrades:* If you upgrade, you’ll generally be charged a prorated amount for the difference in tier cost for the remainder of your current billing cycle. Your subsequent billing will reflect the new, higher-tier price.
* *Downgrades:* If you downgrade, the change will usually take effect at the start of your next billing cycle.
* **Customized Billing Discussions:** We recognize that some organizations may have unique billing requirements. We are open to discussing customized billing arrangements, especially for larger accounts or specific contract terms, to best accommodate your needs. Please feel free to reach out to our sales or support teams to explore these options.
Our goal is to provide a seamless and transparent experience, ensuring your DemoKraft AI plan always aligns with your business objectives.
Think of Demo Session Credits as your key to unlocking interactive demo experiences for your website visitors. Here’s how they work:
1. Each DemoKraft AI billing plan includes a specific number of Demo Session Credits.
2. When a visitor on your website engages with and views a DemoKraft AI-powered demo, one Demo Session Credit is utilized from your plan’s allowance.
3. It’s straightforward: each unique demo viewing session by a visitor consumes one credit. For instance, if a single visitor initiates and views a demo twice (at different times or by re-engaging the widget for a new session), this would count as two Demo Session Credits used. These credits ensure you have a clear and predictable way to manage access to your dynamic demo content.
A “Seat” in DemoKraft AI refers to an individual user license that grants a member of your team access to your organization’s DemoKraft AI account. Here’s why seats are important:
1. **Team Collaboration:** With multiple seats, different members of your organization (such as sales representatives, marketing specialists, or demo creators) can log in to collaborate on creating, managing, distributing, and analyzing your interactive demos.
2. **Centralized Management:** Your organization’s DemoKraft AI account acts as a central hub.
3. **Admin Control:** The primary account administrator can easily add new users (assigning them a seat), define their roles, and manage permissions. This ensures secure and organized access, allowing you to control who can do what within the platform.
Essentially, each seat empowers another team member to leverage the full potential of DemoKraft AI.
To provide flexibility to users, we have kept separate subscriptions for Studio and Hub. These are independent of each other. You can control your subscription plans from the **Billing** subsection in the **Settings** section of the app.
When you sign up, your account defaults to the free plan for both Hub and Studio. You can check the plan details for your account by going to the **Billing** subsection in **Settings**. If you want to change the plan for either Studio or Hub, you can do so from there.
Due to RBI guidelines in India, automatic renewals require user mandates and authentication. Because of this, subscription renewals and upgrades are handled through manual payment links.
**For renewals or upgrades:**
* You will receive an invoice with a payment link.
* Use the payment link to complete your payment before the due date.
* If payment is not completed on time, your subscription will be:
* Downgraded to the Free plan (for Hub)
* Deactivated (for Studio)
During your active subscription, Indian cards will work normally.
You can update your billing details—such as name and address—from the Billing Form tab.
**To update your billing information:**
1. Go to **Account Settings**
2. Open the **Billing** section
3. Update your details in the **Billing Form** tab
*Note: Billing details must be updated in the Billing Form to be reflected correctly on your invoices.*
## AI Creative Service
AI Creative delivers bespoke, agency-quality video production for product launches, homepage hero content, and paid campaigns. Every project is handled by DemoKraft AI's production team and tailored to your brand, timeline, and creative brief.
Pricing is per project and depends on video length and complexity, the number of revision rounds, and your required turnaround time. Contact [sales@demokraft.ai](mailto:sales@demokraft.ai) to discuss your project and receive a quote.
## Annual Billing
Switch to annual billing at any time to save 20% compared to the monthly rate. When you switch, your remaining monthly balance is credited toward your annual plan — you are never charged twice.
To switch, go to **Settings → Billing → Switch to Annual** and confirm your selection.
Annual billing locks in your current rate and saves 20% across both your AI Studio plan and any AI Hub add-on. Switch at any time from **Settings → Billing → Switch to Annual**.
Contact [sales@demokraft.ai](mailto:sales@demokraft.ai) for Enterprise pricing, custom session volumes, startup discounts, and non-profit pricing.
# Troubleshooting & Support
Source: https://docs.demokraft.ai/account/troubleshoot
Solutions to common issues and how to get help with Demokraft AI.
If you encounter issues while using Demokraft AI, look through these common problems and their resolutions below.
***
## Common Issues
### Password Expiry or Mismatch
If your password has expired, or if you are seeing an incorrect password error during login:
* Go to the main login page.
* Click on the **Forgot Password** link.
* Enter your registered email address to receive a secure password reset link.
### Slow Processing or Loading Times
Some operations—such as video uploads, AI voice generation, processing presentation slides, or document generation—may take a few minutes to complete.
* **Processing speeds depend directly on the duration of your video or the specific features being used.**
* Please be patient and avoid refreshing or closing the browser tab while an active operation is running.
***
## Contact Support
Can't find what you are looking for, or have some insights to share? We are here to help you get the most out of your video creation journey.
For any technical issues, platform feedback, or general feature comments, please email us directly at **[support@demokraft.ai](mailto:support@demokraft.ai)**.
# Control Who Can Access Your AI Hub Playlist Sessions and Content
Source: https://docs.demokraft.ai/ai-hub/access-control
Set exactly who can access your Hub Playlist, from open public links to email-verified whitelisted access for confidential or enterprise content.
Every piece of content you deploy through AI Hub does not need the same level of protection — a public-facing product demo and a confidential roadmap preview have very different audiences, and your access settings should reflect that. AI Hub gives you three access tiers that range from a fully open link anyone can click to email-verified, domain-whitelisted access you control down to the individual email address. You set the access level per per playlist, so each piece of content gets exactly the right amount of protection.
## Open Access
Anyone with the link can view your content. No login, no password, no verification required. This is the fastest way to get content in front of a broad audience.
**Best for:**
* Public-facing product demos on your website or landing pages
* Top-of-funnel outreach links sent via email or LinkedIn
* Conference and event demo kiosk screens
## Credential-Based Access
Viewers must provide credentials before they can see any content. But the credentials are not verified.
**Best for:**
* Draft demos shared with specific prospects before a call
* Partner portals with tiered content access
* Beta or pre-launch content shared with selected accounts
## Verified / Whitelisted Access
Viewers verify their identity via a one-time email passcode (OTP) before accessing any content.
You control who qualifies by whitelisting specific email addresses or entire email domains. No password required — verification is instant for anyone on your whitelist.
**Best for:**
* Confidential product roadmaps shared with named enterprise accounts
* Board-level and investor content (whitelist specific personal emails)
* Lead qualification with verified creds.
* Trainees/employees with verified email ids.
* Sensitive internal content (whitelist your company domain)
* High-value named account content for ABM campaigns
All three access tiers work fully with the different sharing modes. Verified / Whitelisted access provides the richest lead data because visitor identity is confirmed at the point of entry — every engagement signal in the session is attributed to a named, verified individual.
# Uploading and Managing Videos and Documents in Demokraft AI Hub
Source: https://docs.demokraft.ai/ai-hub/host-content
Learn how to access the AI Hub and upload videos and documents to Hub.
## Accessing Demokraft AI Hub
After logging into the Demokraft AI application, locate the **Hub** section in the navigation panel. This section provides access to manage all your content centrally by allowing you to switch between **Videos**, **Documents**, and **Playlists** categories.
![Viewing Uploaded Videos]()
***
## Viewing Uploaded Videos
In the **Videos** section, you can access a list of all uploaded videos. Each entry displays key details such as metadata and performance metrics, enabling you to monitor and evaluate the content effectively.
![Viewing Uploaded Videos]()
***
## Uploading Videos
To upload a video file from your system, click **Add Video**. During the upload process, you can provide the following attributes to enhance management and searchability:
* Title
* Thumbnail image
* Description
* Access type (e.g., public or restricted)
* Tags
These details facilitate easier organization and retrieval of your videos.
![Upload videos]()
***
## Organizing Videos into Playlists
Once a video is uploaded, it is added to your content list. From here, you can organize videos into playlists for better content structure and user navigation. This functionality operates similarly to playlist management on platforms like YouTube, allowing you to group related videos effectively.
Will cover how to manage playlists in a different guide.
***
## Uploading Documents for Conversational Engagement
The Hub also supports uploading documents relevant to your product to enable conversational AI engagement. Currently supported document formats include:
* PDF
* Microsoft Word (DOC/DOCX)
* Plain text (TXT)
Uploading these documents allows the AI agent to access detailed product context during user interactions.
![Upload docs]()
***
## Role of Uploaded Documents in AI Training
Uploaded documents provide essential context to the AI agent during conversational sessions, enabling it to understand product details accurately. This contextual information improves the AI's ability to answer user questions effectively during sessions, increasing the quality and relevance of interactions.
![AI Training Context]()
***
## Adding Documents and Metadata
Use the **Add Documents** button to upload a relevant file. After uploading, add a descriptive title and description to the document. This metadata assists the AI agent in processing the file properly and building an accurate product knowledge base for conversational purposes.
# Insights Section User Guide
Source: https://docs.demokraft.ai/ai-hub/insights
Monitor content performance, track user engagement, and evaluate AI-driven lead qualifications with the Demokraft AI Hub analytics dashboard.
The **Insights** section offers comprehensive dashboards and analytics that facilitate close monitoring of your content performance, user engagement, and lead qualification. These tools support data-driven management of your Studio and Hub assets and get actionable insights.
## Accessing the Insights Section
After logging in to the **Demokraft AI Hub**, locate the **Insights** section in the left navigation panel. Click on it to open the primary Insights dashboard, which contains several subsections presenting various analytics and performance metrics.
***
## Analytics Overview
### Key Statistics
The dashboard provides an at-a-glance view of key statistics across multiple platform components including your **Studio**, and **Hub**. It covers different playlist types (such as guided, conversational, and static playlists) as well as varying use-case and access-type categories to provide comprehensive usage data.
### Comprehensive & Centralized View
This section consolidates data from both the **Studio** and **Hub** platforms into a single interface. This unified view eliminates the need to switch between multiple screens or modules, streamlining your ability to track activity metrics and assess content impact efficiently.
***
## Playlist Performance Tracking
The dedicated playlist section lists every playlist you have created, enabling you to assess effectiveness and engagement levels at a granular, playlist-specific level.
Opening an individual playlist reveals detailed metrics, including:
* **Viewer Count**
* **Session Activity**
* **Playlist Type** associated with the content
* Other info
**Future Updates:** Additional performance metrics will be introduced in upcoming updates to further enhance analytics capabilities.
***
## Lead Qualification Dashboard
The lead dashboard isolates analytics for **lead qualification playlists** specifically, offering deep-dive tools to track engagement and evaluate leads generated through your video content.
This dashboard is mainly applicable to Guided conversational playlists.
### Core Engagement Metrics
The interface captures crucial data parameters for lead management:
* **Traffic:** Unique and repeat visitors.
* **Consumption:** Total videos watched, total demo time, and average demo duration.
* **Completion:** Overall demo completion rates.
* **Lead Scoring:** Automated evaluation value calculated for each session.
Lead scoring assigns a value from **1 to 5** for each session based on the conversational data, detected buying intent, and alignment with the prospect's needs .
*A score of **5** indicates a highly qualified lead.*
***
## Session Reviews & Interaction Analysis
### In-Depth Session Lists
Review a detailed leads and viewers list that breaks down every individual session . This allows for an in-depth analysis of user behaviors and actions during their interactions .
For any specific user session, you can analyze:
* Exactly what videos the lead watched and their total duration of consumption .
* Which videos attracted the highest level of interest .
* User-submitted feedback or ratings, allowing for better content optimization and targeted follow-up .
### Score Justification
Lead qualification details display the assigned lead score accompanied by a plain-text rationale . This justification derives directly from the buying intent detected within the conversational logs, giving sales teams clear context for lead prioritization .
***
## Conversation Trails
You can access full conversation trails that record the verbatim interaction between the user and the AI agent during a session . This feature supports the review of conversational dynamics for improved lead nurturing .
Conversational Trail is only available based on your subscription plan and conversational or guided conversational playlist type. It is not applicable to static playlist type.
### Availability Matrix by Playlist Type
**Available**
Conversation trails are automatically generated and fully visible . These records provide valuable context to understand prospect needs .
**Not Available**
Static playlists do not include an interactive AI agent element . Because there are no live conversations, no conversation trail data is captured for this format .
# AI Hub: Make your content work for you
Source: https://docs.demokraft.ai/ai-hub/overview
AI Hub deploys your content as interactive experiences where an AI agent qualifies every visitor and delivers rich buyer/viewer profiles to your team.
Creating the content is only half the battle. Demokraft AI Hub is the hosting, sharing, and analytics engine that turns that video into a 24/7 working asset. The Hub moves beyond **passive viewing** to **active engagement**.
Demokraft AI Hub enables you to share your videos as intelligent playlists. You can create and configure playlists as per different needs and finally share those playlist links. Playlist links can be shared in outreach emails, social media posts, docs, or directly integrated with your website.
***
## Instant Gratification & Personalization
Buyers and viewers today want self-guided exploration. Demokraft enables:
* **Instant Access:** No scheduling required. Prospects and viewers engage with 24/7 AI-guided, conversational, or static playlists immediately.
* **Personalized Guided Flows:** The AI adapts the demo flow based on buyer or viewer intent, ensuring they see exactly what matters to them.
* **Seamless Integration:** The Hub integrates with your tools (Slack and email are currently supported, with CRM integrations coming soon), pushing engagement data directly to your tech stack.
## Versatile Sharing Modes
Demokraft gives you the flexibility to present your content in the format best suited to your audience's intent:
* **Static Playlist:** Share a classic experience (similar to a YouTube playlist) for educational or "how-to" sequences where the viewer simply wants to watch and learn.
* **Conversational Playlist:** Transform passive viewing into a conversational experience where viewers can not just see the videos they want, but even ask questions and get answers from an AI Agent.
* **AI Demo Agent Guided Session:** The most advanced mode for sales. An AI agent actively guides the viewer, qualifying them in real-time and recommending appropriate videos based on their needs.
## Uncompromised Brand Integrity
Demokraft AI Hub prioritizes your corporate identity, ensuring a premium environment that aligns strictly with your business goals:
* **Your Domain, Your Brand:** Host videos, docs, and playlists integrated with your website or on your own custom domain. This builds trust with prospects.
* **Immersive Professional Experience:** Deliver a polished, corporate-grade viewing environment where the viewer’s attention is dedicated solely to your content and value proposition.
* **Strategic Conversion Paths:** Maintain full control over the buyer journey. Once a session concludes, automatically guide prospects to your defined Call-to-Action (CTA).
## Enterprise-Grade Access Control
In B2B, not all content is meant for the public eye. Demokraft AI Hub offers granular control over who accesses your playlists:
1. **Open Access:** Best for top-of-funnel marketing or open sharing of content.
2. **Credential-Based Access:** User credentials like name and email can be requested before viewing, but are not verified.
3. **Verified Access & Whitelisting:** Allow access only to verified credentials. In addition, you can restrict access to specific email addresses or entire corporate domains (e.g., `@client-company.com`). This ensures confidential pricing or roadmaps are only viewable by authorized identities.
## Analytics and Insights
Analytics and insights are the key final outcomes of the content engagement. Actionable insights is what makes hub valuable.
Insights include:
* Number of Views.
* Per session level details like viewer details, videos watched, conversation details, lead score (if applicable).
* Playlist level stats.
# Creating and Managing Playlists
Source: https://docs.demokraft.ai/ai-hub/playlist
Learn how to create, configure, organize, and share video playlists within Demokraft AI Hub to deliver tailored content.
Playlists enable organized delivery of video content tailored for various business use cases. This guide takes you through the step-by-step process of setting up and distributing playlists.
## Accessing the Playlist Area
1. Navigate to the **Hub** section in your dashboard.
2. Go to the **Library** and select the **Playlist** area. Here, you can view existing playlists or manage new ones.
3. To initiate a new playlist, click **Add Playlist**.
***
## Configuring Playlist Details
When creating or editing a playlist, provide a descriptive **Title** and **Description**, then select your desired access type to control who can view your playlist.
### Access Options
Demokraft offers multiple access control options to regulate playlist availability:
Allows any user to access the playlist without requiring credentials, facilitating broad availability
Prompts users to submit information such as an email ID to gain access, enabling basic user identification.
Submitted user details undergo mandatory verification using OTP before access is granted, ensuring maximum security
### Email and Domain Access Controls
In verification with credentials based access type, you can restrict access further by specifying allowed email addresses or specific domains. This precise control prevents unauthorized viewing and ensures your videos target the intended audience.
Demokraft also allows you to filter access strictly by email type—such as permitting only personal domain extensions or business domain extensions.
***
## Selecting Playlist Type
Choose a playlist type that aligns with your exact business objectives, such as choosing a type designed for lead qualification to support guided conversational flows for sales teams.
### Conversational Playlists
Conversational playlists enable users to interact natively post-video by asking questions. The system’s AI agent responds contextually to facilitate dynamic user engagement.
### Static Playlists
Static playlists offer a passive viewing experience akin to YouTube, where users watch videos linearly without the ability to interact directly with an agent.
***
## Setting Up AI Agent & Layout
Assign playlists to structural categories based on their primary use case. This organization helps manage metrics and user experiences seamlessly.
Provide supplementary details like a welcome message, company name, product name, and a rich product description. This enriches the agent’s context to improve automated answers.
Specify who the playlist's target audience is to ensure context and recommendation logic match customer demographics perfectly.
Select your display format: horizontal or vertical orientation. You can also position video queues to the right side with vertical layout, mirroring a YouTube-style interface for familiar customer navigation.
Input specific prompt instructions for the agent during user interaction. *For instance, if pricing conversations are locked, instruct the AI agent to explicitly guide users to consult a human sales expert.*
Click **Save and Continue** to advance.
***
## Organizing Videos into Categories
Organize your videos logically into distinct categories for user navigation.
* **Creating Custom Categories:** Add a category by entering a category name and clicking **Add Category**. Newly added categories will quickly surface with available videos ready for assignment.
* **Managing Assignments:** Easily remove videos from a category to place them back into your unassigned list, or swap them across other groups.
* **Sequence Control:** Preview playlists and sequential structures. You can map out multi-category flows to customize the end-user viewing track.
When users start a live session, the structured categories are presented seamlessly for simple topic filtering.
Click **Save and Continue** to finalize your setup.
***
## Adding Supporting Documents
Attach supplementary files (from the docs you uploaded to hub) to enhance context matching for the conversational AI agent. Providing well-chosen materials increases Agent response accuracy. Save your changes after making selections to update live systems.
***
## Sharing and Distribution
Once ready, playlists appear in the editing area where you can manage, delete, or retrieve sharing codes.
Demokraft offers multiple methods to share and deploy your playlists:
### Distribution Channels
Copy the unique URL string straight from the deployment pane for lightning-fast delivery to client lists.
* **Shareable Link:** Use the raw shareable link to distribute your custom playlist instantly to potential prospects.
* **Standalone Demo App URL:** Send viewers to an isolated web app module where they sign in through specified forms and watch materials externally.
* **Website Integration Link:** Embed the experience fully into your core ecosystem, making the session live right inside website pages instead of standard external pop-ups or external web links.
* **Widget Integration:** Will cover Widget Integration with your website in a separate section.
### Button Customization
Customize the Watch Demo button (with playlist link integrated) to be copied and pasted in an email or doc. Use configurations within the platform to adjust button styles and efficiently embed the playlist across your platform.
# Choose the Right AI Hub Playlist sharing Mode for Your Use Case
Source: https://docs.demokraft.ai/ai-hub/sharing-modes
Pick from three AI Hub Playlist sharing modes to match how you want viewers to experience your content, from simple playlists to fully AI-guided qualification.
AI Hub gives you three distinct ways to share your content using playlists — each designed for a different audience, goal, and level of interactivity. Picking the right mode is the single fastest way to improve how your content performs. A Static Playlist is perfect for onboarding a new customer cohort; that same content delivered as an AI Demo Agent Guided Session would feel intrusive and unnecessary. Choose the mode that fits the context, not the one that sounds most impressive.
## Static Playlist
A Static Playlist delivers your content as a structured, sequential library — videos that viewers watch at their own pace with no AI interaction. Think of it as a professional, branded version of a YouTube playlist, fully tracked and under your control.
**What it is:** content items play in the order you set them. Viewers can watch from start to finish or jump to any item directly. There is no AI agent, no qualifying questions, and no chat panel. What you get is a clean, distraction-free viewing experience backed by meaningful completion analytics.
**Best for:**
* New customer onboarding flows
* Internal team training and L\&D modules
* Product knowledge bases
* Event follow-up content sent post-conference
**Analytics you get:**
* Completion rates per content item
* Time spent per item
* Content watched — see which content visitor engaged with.
* Total viewer count and unique viewer count
## Conversational Playlist
A Conversational Playlist adds an AI assistant layer on top of your standard playlist experience. Viewers watch your content at their own pace and can ask the AI agent questions at any point — the agent draws on your product knowledge base to answer accurately in real time.
**What it is:** your content plays in sequence as it would in a Static Playlist, but a chat panel is always visible. Viewers can ask questions whenever something sparks their curiosity. The AI answers from the knowledge base you configure — your Hub docs you associate with that playlist. Questions and answers are logged and surfaced in the lead/viewer intelligence report.
**Best for:**
* Top-of-funnel website demos where buyers want to explore at their own pace
* Partner and reseller enablement portals
* Investor demos and analyst briefings
* Pre-sales evaluation content where buyers have specific technical questions
* Training & Onboarding if you want to give conversational experience with your content.
**Analytics adds:**
* Full question logs — every question a viewer asked and every answer the agent gave
* Content watched — see which content visitor engaged with.
* CTA action and feedback attributed to Hub sessions.
* Total viewer count and unique viewer count
* Several other insights.
## AI Demo Agent Guided Session
The most advanced and highest-converting mode. The AI Demo Agent takes an active role from the first moment — greeting your prospect, asking qualifying questions, routing them to the right content based on their answers, scoring their intent, and providing in-session Q\&A throughout. This is full AI-guided lead qualification at scale.
**What it is:** the AI Demo Agent greets visitors with a personalised welcome message, then asks qualifying questions before any content plays. Based on their answers, the agent routes each visitor to the content relevant to their needs. Every visitor who opens the same link can see an entirely tailored flow. The agent stays active throughout, answering questions and scoring engagement signals. At the end, it delivers a closing CTA message configured by you.
**Best for:**
* Sales lead qualification.
* Outbound sales prospecting and qualification (replace or supplement the intro demo call)
* ABM campaigns targeting named accounts
* Presales technical evaluation sessions
**Analytics adds:**
* Lead Qualification score on the scale of 1-5 for each lead. 5 is Highly qualified.
* Conversation history - trail of the whole conversation.
* Content watched — see which content visitor engaged with.
* Buying Intent signal — derived based on conversation and engagement.
* CTA action and feedback attributed to Hub sessions.
* Total viewer count and unique viewer count
* Several other insights.
## Use case quick reference
Use this table to choose a mode at a glance. When in doubt, the AI Demo Agent Guided Session delivers the most data — but only use it when it fits the context naturally.
| Use case | Recommended mode |
| ------------------------------- | ------------------------------ |
| Onboarding new customers | Static/Conversational Playlist |
| Internal team training | Static/Conversational Playlist |
| Top-of-funnel website demo | Conversational Playlist |
| Partner and reseller enablement | Conversational Playlist |
| Outbound sales prospecting | AI Demo Agent Guided Session |
| ABM target account campaign | AI Demo Agent Guided Session |
| Event kiosk or conference demo | AI Demo Agent Guided Session |
You can have unlimited active playlists and sessions running simultaneously under a single workspace. There is no cap on how many you create or publish — each Session consumes one credit.
# Integrating and Customizing Playlist Widget
Source: https://docs.demokraft.ai/ai-hub/widget
Learn how to integrate, style, and configure the Demokraft AI playlist widget to seamlessly deliver curated video and document content on your website.
## Overview of Playlist Link Integration
This feature enables you to integrate a playlist link directly with your website, providing seamless access to your curated video content. Integrating the playlist link allows visitors to interact with your multimedia resources via a website-embedded widget, enhancing engagement and content discoverability.
![Playlist Widget Overview]()
## Preparing and Accessing Integration Settings
To begin integration, follow these steps:
1. Log in to the **Demokraft AI** app.
2. Ensure your playlist contains all desired videos and documents.
3. Designate one playlist as the **default**; this playlist will serve as the primary content playlist for your website integration.
4. Navigate to the **Settings** section.
Next, open the **Widget** section where you will find the integration code options, including:
* Website snippets
* I-frame configurations
* Direct playlist links suitable for embedding
These resources enable your website developer to implement the playlist widget efficiently within your website environment, typically requiring only a few minutes for complete integration.
![Accessing Integration Settings]()
## Customizing Widget and Watch Demo Button Appearance
You can configure how both the widget and the accompanying **"Watch Demo"** button appear on your website. This includes customizing:
* **Button style**
* **Button text**
The **Watch Demo** button functions as the means for website users to access your playlist in a conversational interface via widget. Tailoring its look and text improves user interaction and aligns the button with your website's design and messaging.
![Button Customization]()
## Fine-Tuning Widget Design with Theme and Brand Kit
Use the **Theme** section to further customize the widget's look and feel, enabling adjustments to visual elements to ensure complete brand consistency.
**Pro Tip:** For users on higher-level plans, the **Brand Kit** offers enhanced control over widget and button colors, allowing you to maintain a cohesive experience that reflects your corporate identity and strengthens brand recognition across all touchpoints.
![Theme and Brand Kit Customization]()
## Configuring User Form Fields for Widget Access
Before users can access the widget content, you can configure the form fields that they must complete.
* **Required Field:** At a minimum, the **Email** field is required for access.
* **Optional Fields:** Additional fields can be added or customized according to your unique data collection needs.
This configuration effectively facilitates lead generation and user profiling while providing granular control over the user information collected during content interaction.
![Form Field Configuration]()
## Adding and Customizing Welcome Text
Personalize the user experience by adding custom welcome text that appears when a new user opens your playlist link. This text can be fully customized to:
* Introduce the content
* Set clear user expectations
* Provide specific instructions
Custom welcome messages significantly enhance engagement and onboarding support, ensuring users feel guided and informed as they begin interacting with your playlist.
![Welcome Text Customization]()
## Widget Interaction and User Access
After configuring and embedding the widget on your website, users can easily click the designated button to open it. They will then interact with your content through the demo app or the playlist viewing app integrated directly within the widget.
This interaction flow provides a highly streamlined experience, allowing users direct, friction-free access to your curated multimedia content in a conversational and user-friendly manner.
# Background Image
Source: https://docs.demokraft.ai/ai-studio/background-image
Learn how to enhance and manage your video backgrounds using the studio editor.
## Welcome to the Walkthrough
In this guide will show how to apply background image to your videos.
Please note Background image section is not available for Template or Prompt based video projects.
## Opening Your Project and Accessing Background Settings
Begin by opening your project in editor mode. From there, navigate directly to the Background section where you can manage and customize your video's background image.
![Background Settings Panel]()
## Activating Background Effects
To apply a background effect, simply toggle the activation button. This enables background customization options, allowing you to enhance your video's visual appeal effortlessly.
![Toggle Background Activation]()
## Selecting a Background Image
Choose a background image that aligns with your brand's identity. Selecting the right image helps reinforce your brand message and creates a cohesive viewing experience.
![Selecting Background Image Template]()
## Adjusting Screen Ratio and Visual Effects
Fine-tune the screen ratio to fit your video's layout, round the corners for a polished look, and adjust the shadow opacity. These settings enhance your video effects and contribute to a professional presentation.
![Screen Ratio and Layout Adjustments]()
## Customizing Shadow Intensity and Corner Sharpness
You can modify the shadow intensity to add depth, sharpen the video corners for clarity, and further adjust the screen ratio. These options provide you with precise control to optimize the visual quality of your presentation.
![Shadow and Corner Fine-Tuning]()
## Saving Your Background Customizations
After making your adjustments, click the Apply button to save your changes. If you dont click apply your changes will be discarded. This ensures that all your customizations are preserved and ready for use in your video project.
![Clicking the Apply Button]()
## Viewing the Final Background Effect
Your background image combined with the applied effects will be displayed in realtime in canvas. You can tweak and adjust config in the config panel as needed and click apply to save the changes.
To remove an applied music, disable the toggle switch at the top and click apply.
![Final Render Preview]()
## Closing Comments
Thank you. We are confident these steps will help you create compelling and visually appealing video content.
![Walkthrough Completed]()
# How to Add Background Music to Your Video Project
Source: https://docs.demokraft.ai/ai-studio/background-music
Learn how to integrate, activate, and balance background music track within your video timeline.
## Introduction to Background Music
In this guide, we will walk you through the process of integrating background music into your video project. Adding music can significantly enhance the viewer's experience and set the tone for your content.
## Accessing the Music Section
To begin, open your project and navigate to the Music section located on the left side of your editor. This option provides all the necessary controls and options to manage music applied to your video.
![Accessing Audio Control Section]()
## Selecting and Activating Background Music
Activate the Background Music feature within the Music section using the toggle enable switch. Next, browse through the available selection of tracks to find one that best complements the mood and style of your video. Once you've selected a suitable track, proceed to apply it to your project.
![Selecting and Activating Music Tracks]()
## Adjusting Volume Settings
After applying the background music, you can fine-tune its volume to ensure it blends appropriately with your video's audio. The default volume setting is 15%, but you have the flexibility to increase or decrease this level based on your preferences and the context of your content.
You can playback the video in realtime and check how the music is applied to your video.
![Adjusting Track Volume Levels]()
## Applying Settings and Finalizing
Once you are satisfied with your background music selection and volume adjustment, you can click Apply to save these settings.
To remove an applied music, disable the toggle switch at the top and click apply.
# Generating and Customizing Video Captions
Source: https://docs.demokraft.ai/ai-studio/captions
Learn how to use AI Studio to integrate, style, color, and optimize captions for better accessibility and user engagement.
## Introduction to Captions Feature
This section introduces the capability to add captions to your projects, enhancing accessibility and user engagement.
## Integrating Captions Using AI Studio
AI Studio provides seamless integration of captions into your projects, enabling clear communication of spoken content.
![AI Studio Caption Integration]()
## Accessing Captions Settings
Open your project in Studio mode. Locate the **Captions** option on the left-hand side panel to begin configuring captions for your project.
![Captions Sidebar Menu]()
## Activating and Selecting Caption Styles
Activate the captions feature by toggling the switch. Browse the available caption styles and select the desired style to apply to your project; for example, selecting the last option available.
![Sizing and Layout Properties]()
## Adjusting Caption Appearance Settings
Modify the caption size and visual effect offset to align captions with your project's design needs, ensuring optimal placement and visibility.
![Sizing and Layout Properties]()
## Customizing Font Size and Colors
Adjust the font size and select color schemes to match your brand identity. This customization ensures consistency and enhances the professional appearance of captions.
![Typography Color Customization]()
## Enhancing Readability with Text Colors
Set active text color to white and inactive text color to gray to improve caption clarity and readability without compromising visual appeal. Overall text color adjustments are also available as needed.
![Active and Inactive Colors Configuration]()
## Advanced Text Color Customization
Choose additional text colors such as green or grayish tones to better reflect your branding or thematic preferences.
![Selecting Advanced Colors]()
## Configuring Highlight Color
The highlight color defaults to orange but can be fully customized to any color preference, allowing you to emphasize captions according to your style guidelines.
![Word Highlight Settings]()
## Personalizing Highlight Colors
Select a different highlight color to personalize the appearance of captions, providing greater flexibility in visual presentation.
![Custom Accent Selection]()
## Managing Background Box Visibility
Enable or disable the background box for captions. Changes are reflected immediately in the preview area, allowing you to assess visibility and style impact.
![Toggling Text Background Box]()
## Background Box Color Options
If the background box is enabled, it defaults to a black fill color, which you can change to any color that suits your project aesthetics.
![Background Fill Color Options]()
## Adjusting Background Fill and Opacity
Set the background fill color to options like white and fine-tune opacity levels to enhance caption visibility against various video backgrounds.
![Opacity and Custom Fills]()
## Applying Caption Settings
After configuring caption preferences, click the **Apply** button to save all changes and update captions in your project accordingly.
![Clicking Apply to Captions]()
## Confirmation of Caption Addition
Once applied, captions are successfully integrated into your project, ready for display during playback.
![Saved Captions Confirmation]()
## Reviewing Caption Functionality
Verify how captions perform within your project environment to ensure proper display and synchronization with content.
![Timeline Sync Check]()
## Previewing Captions During Playback
Play the video project to observe caption appearance, assessing timing, legibility, and design compliance.
![Video Playback Preview]()
## Sample Caption Content Display
Sample captions showcase introductory content, demonstrating effective caption integration for user comprehension.
![Live Active Caption Sample]()
## Identifying Caption Background Clarity Issues
Evaluate caption backgrounds for clarity; insufficient contrast or visibility prompts adjustments for better user experience.
![Reviewing Contrast Layout]()
## Modifying Background Color for Clarity
In background settings, change the background color from gray to black or another preferred color to enhance caption readability.
![Editing Box Color Background]()
## Selecting Improved Background Color
Choose black as the background color to provide better contrast between captions and video content for clearer viewing.
![Setting High-Contrast Black]()
## Reapplying Updated Settings
Click **Apply** again to confirm and implement background color changes for captions, updating their appearance immediately.
![Re-applying Updates]()
## Assessing Updated Caption Display
Play the video to evaluate how updated background settings improve caption clarity and overall presentation.
![Verifying Enhanced Contrast]()
## Switching Caption Styles
Select alternative caption styles as needed to match project preferences, including options without background boxes for varied visual effects.
![Selecting Frameless Layouts]()
## Confirming Caption Style Changes
After selecting a different caption style, click **Apply** to confirm and activate the new style in your project.
![Applying Style Alternative]()
## Demonstrating Captions In Action
Play the project to view captions in the chosen style, ensuring effective communication and alignment with project needs.
![New Style Render Verification]()
# Overview of Blur, Spotlight, and Zoom Effects
Source: https://docs.demokraft.ai/ai-studio/effects-1
Learn how to apply blur, spotlight, and zoom effects within your project to emphasize or obscure specific video areas.
## Overview of Blur and Spotlight Effects
This article explains how to apply blur and spotlight effects within your project using the studio mode. These effects allow you to emphasize or obscure specific areas in your video to improve clarity and focus for your audience.
![Blur and Spotlight Effects Overview]()
## Accessing the Effects Menu
You begin by opening your existing project in the studio. Locate the **Effects** option on the left side of the interface to access available visual effects that can be applied to your project.
Within the **Effects** menu, there are multiple options are provided: **Blur**, **Spotlight**, and **Zoom**. Each effect offers distinct functions to enhance video content by adjusting visibility and focus in specified areas.
![Accessing Visual Effects Dashboard]()
## Applying the Blur Effect
Select the **Blur** option to overlay a rectangular blur area on the video. This blurred area can be positioned and sized to obscure sensitive or distracting information.
![Adding Blur Area]()
## Adjusting the Blur Size
You may increase or decrease the blur radius to cover the desired content effectively. Adjusting the size ensures precise control over the obscured area.
![Resizing Blur Area]()
## Configuring Blur Timing and Position
The blur effect supports timing customization, allowing you to set the exact start and end points during the video playback. Position adjustments can be made directly via cursor interaction or by entering values manually. Once configured, clicking **Apply** activates the blur with the specified parameters.
![Blur Settings and Timing]()
## Removing the Blur Effect
To remove the blur effect, select the blur effect layer element in layers, click the delete button in blur config panel or right click on blur effect layer element and select "Delete". This action clears the blur overlay from the video timeline.
![Removing Blur Overlay]()
## Applying the Spotlight Effect
You can use the spotlight effect to highlight specific video areas, enhancing viewer attention without obscuring content.
Select the **Spotlight** option to add a rectangular highlight on your video. This spotlight focuses attention on particular content areas by brightening the selected region amidst a darkened background.
![Spotlight Highlight Box]()
## Customizing the Spotlight Darkness
Control the darkness of the surrounding area through the darkening factor setting. Adjusting this value increases or decreases background dimness, making the spotlighted area more or less prominent according to your preference.
![Darkening Factor Customization]()
## Further Spotlight Customization
Additional customization options include setting the border color and thickness of the spotlight area. You can also configure the start and end times for spotlight visibility and adjust positioning either interactively or via manual input. Apply the effect once satisfied to implement changes.
To remove the Spotlight follow the same steps as mentioned above to remove blur effect.
![Advanced Spotlight Formatting Options]()
## Introducing the Zoom Effect
The **Zoom** effect enables magnification of specific areas within your video to draw focus on important details or features.
![Zoom Tool Introduction]()
## Designating Zoom Area Using Position Pad
Utilize the position pad found on the zoom config panel to select the precise area you want to zoom into, such as a product menu or highlighted feature.
![Selecting Target Area via Position Pad]()
## Applying the Zoom Effect and Transitions
Choose a transition style to define how the zoom effect appears and disappears. After applying, the zoom effect will play automatically during video playback according to the configured settings.
![Configuring Zoom Animation Transitions]()
## Applying Multiple Zoom Effects
Multiple zoom effects can be incorporated into your project, each with distinct durations and positions. This flexibility allows detailed focus on various segments of your video to enhance viewer engagement and comprehension.
![Managing Timeline Multi-Zoom Layouts]()
# Adding Text, Images/Video, Rectangle, Arrow/Line to Your Videos
Source: https://docs.demokraft.ai/ai-studio/effects-2
Learn how to access the Effects menu to apply text overlays, custom images/videos, rectangular highlights, and guiding arrows/lines to your project.
## Accessing the Effects Menu
The Effects menu is located on the left-hand side of the editor. This menu provides access to a variety of effects that can be applied to your video content to enhance its visual appeal.
Click the Effects option to display the full range of available effects. Among these options, key effects such as Text are accessible for application.
![Accessing the Studio Effects Menu]()
## Using the Text Effect
The Text effect enables you to add text overlays to your video. Once added, the text element can be moved and positioned anywhere on the screen according to your layout requirements.
**Note**: There is another effect TextBox with advanced capabilites described in separate section of its own.
![Adding a New Text Box Overlay]()
## Positioning Text Precisely
Use the positioning controls provided to fine-tune the exact placement of the text on the video frame. These controls allow precise placement to match your creative needs.
![Fine-Tuning Text Box Coordinates]()
## Customizing Text Content and Style
You can edit the displayed text content, such as changing it to "Welcome to DemoKraft." Additionally, customize the font style to align with the video's design aesthetics.
![Editing Content and Typography Options]()
## Adjusting Font Size, Color, and Animation
Modify the font size and color to enhance readability and visual impact. Select an animation style that complements the video's theme to make the text more engaging.
![Sizing and Coloring Text Content]()
## Setting Text Animation Parameters
For animations like the "typewriter" effect, configure parameters including animation duration, start time, and end time. These settings ensure synchronization with the video flow for seamless integration.
![Setting Typewriter Animation Properties]()
## Applying and Previewing Text Effects
After configuring text properties and animations, click Apply to save the config. Preview the video to verify that the text effect appears as intended and fits well within the content.
To remove the text effect, select the layer element of the text effect, click delete in the text effect config panel or right click on its layer element and select delete.
![Clicking Apply and Reviewing Text Timeline]()
## Continuing with Additional Effects
Return to the Effects menu to explore and apply other effects, broadening the visual enhancements available for your video projects.
![Opening Alternative Effects Choices]()
## Uploading Images for Video
User Image/Video effect to add Images or Videos to your config.
Access the Image/Video effect option and upload your own images from your computer. This feature allows you to incorporate personalized graphics into your video content.
Upload the image/Video you want to add, or if you want add an existing one from the list, select it and add it.
![Image Upload Portal]()
## Adding and Resizing Images
After uploading, add the image to your video. The image appears on the screen where you can resize it easily to fit the desired space within your video frame.
![Resizing Graphics Element]()
## Positioning Images within the Video
Position your image on the left or right side of the screen. This flexibility enables you to design layouts that support the narrative and visual flow of your video.
![Moving Graphic Position]()
## Managing Image Timing and Aspect Ratio
Control the start and end times for the image display on the timeline, specifying when it appears and disappears. Optionally lock the aspect ratio to maintain image proportions during resizing. Position adjustments can be made using the cursor or dedicated position controls.
![Managing Image Bounds and Playback Timeline]()
## Applying Animation Effects to Images
Select from animation effects such as Fade to animate the image's entrance or exit. Adjust the animation duration to achieve a smooth and visually appealing transition.
![Selecting Animation Properties]()
## Configuring Easing Options for Animations
Choose easing options including ease-in, ease-out, ease-in-out, and linear. Easing controls the acceleration and deceleration of the animation, enhancing its natural appearance.
![Selecting Animation Curve Easing]()
## Finalizing Image Effects
Apply the configured animation and image settings to incorporate the effect into the video timeline. This updates the video with your specified image transitions.
![Applying Custom Image Changes]()
## Previewing Image Animation Effects
Play the video to observe how the image effect appears on screen, verifying that timing, positioning, and animation meet your visual standards.
Verify that the applied effects are visible and functioning correctly on the video. This confirmation ensures that each visual element contributes effectively to your project.
![Reviewing Graphic Entrance Render]()
## Removing Current Image Effects
Select the layer element of Image/video effect in layer section of the editor. Either click delete button in Image/Video effect config panel or right click on its layer element and select "Delete" to delete the effect.
**Note**: You can follow the same steps as above for adding video instead of image.
![Deleting Current Graphic Component]()
## Applying Rectangle Shapes
The Rectangle feature allows you to add rectangle shape to your video, which can be resized according to your design needs to highlight or frame other video elements.
![Adding Shape Layer]()
## Customizing Rectangle Appearance and Timing
Adjust the rectangle's size, color, and border thickness. Choose whether the shape is filled or outlined only. Set the timing for when the rectangle appears and disappears, and define its position on the screen.
![Sizing and Styling Shape Settings]()
## Applying and Previewing Rectangle Effect
Click Apply to add the rectangle to the video timeline. Preview the video from the point of insertion to confirm the rectangle appears as intended during the designated timeframe.
![Applying and Previewing the Custom Rectangle]()
## Duration and Impact of Rectangle Effect
The rectangle remains visible throughout its set duration, enhancing specific sections of the video visually, such as during introductions or emphasis points.
![Live Timeline Render of Selected Rectangle]()
## Removing Rectangle Effect
Select the layer element of Rectangle effect in layer section of the editor. Either click delete button in Rectangle effect config panel or right click on its layer element and select "Delete" to delete the effect.
## Adding and Customizing Arrow/Line Effect
Use the Arrow/Line feature to insert arrow or line into your video. Customize the arrow/line's color, thickness, line style, and arrowhead type to create a consistent and professional appearance.
![Arrow Feature Parameters]()
## Controlling Arrow/Line Animation and Position
Adjust the arrow/line's animation timing and effects. Position the arrow/line by dragging it on the screen until it fits your video layout and enhances the intended message.
![Repositioning the Annotation Arrow]()
## Applying Arrow/Line Effect to Video
After configuration, apply the arrow effect to save the config, enabling it to appear at the specified times and locations.
![Saving Arrow Properties on Timeline]()
## Previewing Arrow/Line Effect
Preview the video to observe how the arrow/line behaves during video playback or other key moments, confirming it effectively directs viewer attention or illustrates points.
![Final Video Playback with Active Elements]()
# How to export and download Your Video and Document Files
Source: https://docs.demokraft.ai/ai-studio/export
Learn how to export and download your finalized video projects video as MP4 or GIF, and your structured documents as Markdown or HTML.
## Overview of Download Process
This guide explains the steps to download your finalized video and document files, ensuring you can easily preserve and share your content.
![Download Process Overview]()
## Initiating Video Download
Once you have edited and finalized your video or document, you can begin the export process. In the Studio editor with video project open, start by selecting click **Export** followed by **Download** to proceed.
![Initiating Video Export]()
## Selecting Video Format
You will see two format options for your video: **MP4** and **GIF**. If you choose GIF, select the size you prefer, then click **Export**. The system will prepare the file in the background. When ready, a download link will appear for you to save the file to your device.
If you select mp4 format, you can choose the resolution config available based on your subscription plan. We support 720p, 1080p, 2k, 4k options along with different fps rates.
![Selecting Video or GIF Format]()
## Downloading Documents Made Simple
To download your document, click on it first. After completing your edits, select **Export** and then choose **Download** to access format options for saving your file.
![Document Export Options]()
## Document Format Choices
Your document can be downloaded in two formats:
* **Markdown:** Best for local management or editing in any Markdown-compatible environment.
* **HTML:** Suitable for direct browser viewing or web embedding purposes.
![Markdown or HTML Format Selection]()
## Using and Saving HTML Documents
Selecting the HTML format provides a file that opens in your web browser or can be embedded directly into web pages. After selecting your preferred format, click **Download** to save the file onto your computer.
![Final Document Download]()
## Closing Remarks
By following these straightforward download steps, you can efficiently save and utilize your videos and documents in formats that best suit your needs.
# Creating and Enhancing Guide from Your Video Content
Source: https://docs.demokraft.ai/ai-studio/generate-doc
Learn how to transform your completed video content into structured articles, refine text with AI, and capture precise timeline screenshots.
## Introduction
In this guide we will explain how to generate guide/docs for your video.
**Getting the best results:** The accuracy of AI-generated docs depends on:
* Clear audio and video narration
* Distinct, deliberate screen clicks
* Sufficient background context
Always review and fine-tune your generated draft before publishing. If a screenshot isn't quite right, you can use the **image picker tool** to select a better frame directly from your video, or upload a custom image right in the editor.
## Accessing the Document Tab
Once you finish editing your video, proceed to the Document tab (at the top of the editor besides "Video" tab). This is where you can transform your video content into a structured document.
Your video script becomes input to generate doc, so select document tab only after your script is final. Once the doc is generated it can be edited on its own in document tab.
![Accessing the Document Tab Interface]()
## Viewing the Structured Document
In the Document tab, your content is organized into a clear format featuring titles, subtitles, descriptive text, and relevant screenshots extracted from the video. This structure helps you present your material effectively.
![Structured Document Overview Layout]()
## Refining Text Sections
You can review and manually edit the text if you want or use AI to enhance the text.
![Highlighting Text to Edit]()
## Selecting Text for Rewrite
You can choose to select all the text in a paragraph or focus on specific portions. This flexibility lets you target exactly what you want to enhance in your document.
![Selecting Paragraph Subsections]()
## Using AI Rewrite for Clarity
After selecting the text, click on the **AI Rewrite** option. This tool helps you improve clarity and professionalism, ensuring your document communicates your message effectively.
![Using AI Rewrite Feature]()
## Manual Text Editing
If you prefer direct control, simply type your changes into the text section. This lets you fine-tune content precisely to meet your needs.
![Manually Modifying Content Blocks]()
## Adding Images to Your Document
To enrich your article or document with visuals, click the Image button. This feature allows you to incorporate additional screenshots seamlessly.
![Adding Image Blocks]()
## Uploading and Selecting Screenshots
You can upload images directly from your device or choose from screenshots captured within your recorded video, enhancing your document with relevant visuals.
Sometimes already selected screenshots might not be accurate, so you can correct them by selecting correct screenshots using above options.
![Visual Asset Options Manager]()
## Navigating Video Frames
While playing your video, use the frame strip that moves from left to right to scroll manually through individual frames. This precise navigation helps you find the perfect moments for screenshots.
![Scrubbing Timeline Frame Strip]()
## Capturing Screenshots
At any frame during playback, simply click the screenshot button to capture that exact image. This capability enables you to include contextually significant visuals in your document.
![Clicking Screenshot Trigger]()
## Integrating Screenshots and Saving
Captured screenshots are automatically added to your document. Don't forget to save by clicking **Save** your changes regularly to preserve all your enhancements and updates.
You can use Export option above to download the document as markdown or html or mintlify mdx file.
![Saving Final Document Configuration]()
# Using Objects to Showcase Your Product in Videos
Source: https://docs.demokraft.ai/ai-studio/how-objects
Learn how to add and configure device mockup objects like laptops, desktops, glass panels, frames and more within your video scenes.
Bring your product to life using ready-made mockup devices like laptops, desktops, frames, glass panels, and more.
Simply drop your screenshots or videos into these objects and enhance them with animations and visual effects to create stunning product showcases.
## Overview of Objects
Objects serve as ready-to-use mockup devices such as laptops, desktops, frames, glass panels and more that function as display elements within your video scenes. They enable you to showcase your product visually by displaying an image or video content. Each object supports animation and visual effects, enhancing viewer engagement and providing a dynamic presentation.
Please note Objects section is not available for Screen recording, Upload video or Upload presentation based projects.
## Accessing the Objects Section
To incorporate objects into your video project, open your project within the Studio editor. Navigate to the **Objects** section located in the navigation panel, which provides access to the available mockup devices you can add.
![Placing Objects on Timeline]()
## Adding Objects to the Scene
Choose the desired object type from the available options: laptop, desktop, frame, glass panel or others. Position the player marker within the scene at the location where you want to insert the object. Adding the object at this point immediately renders it within your scene for further configuration.
![Configuring Animations and Effects]()
## Configuring Object Animation and Effects
Once the object is added, use the canvas to review its animation. Adjust object settings through the configuration panel, which includes options for animation duration, motion effects, and visual enhancements. Use the preview feature to observe how the object and its animations integrate within the scene.
![Configuring Animations and Effects]()
## Uploading Product Screen Content
If an object does not yet contain any uploaded product screen, it will display as empty within the scene. To proceed, upload the product screen content — this can be an image or video — directly to the object to populate its display.
![Product Content Definition]()
## Understanding Product Screen Content
Product screen content refers to the visual media, such as images or video clips, representing your product or interface. This content is uploaded and displayed through the object, allowing your product to be visually presented within the mockup.
![Position and Transition Directions]()
## Uploading and Displaying Content
You can upload either an image or a video as product screen content. After uploading, the content will be immediately visible on the object's display surface within the scene, accurately representing your product.
![Media Upload Verification]()
## Positioning and Animation Settings
Drag and drop the object within the scene to adjust its placement as needed. You can configure both entry and exit animations for the object, specify slide directions, and modify other animation settings to refine how the object appears and disappears within the video.
![Position and Transition Directions]()
## Previewing Object Appearance
After configuring the object and its animations, utilize the preview function to verify the final appearance and behavior of the object within your scene before saving changes. This ensures the visual effect meets your expectations prior to final application.
![Previewing Final Scene Object]()
## Saving and Rendering Object Animations
Applying configuration settings saves the changes directly to your project. The system then initiates rendering for the object animation, which is incorporated into the final exported video, ensuring the object appears as configured in the finished product.
To remove an object, click the layer element of the object so that its config panel appears in navigation panel. You can then delete the object by clicking Delete button in the object config or by selecting Delete in right click option on object layer elment.
![Saving and Triggering Render]()
# Using Templates in Demokraft AI Studio
Source: https://docs.demokraft.ai/ai-studio/how-templates
Learn how to accelerate video production using preassembled scene and video templates within Demokraft AI Studio.
## Understanding Templates
Templates accelerate video production by providing preassembled scenes and video structures that streamline your workflow.
Create professional product videos with motion graphics in minutes.
Please note Templates section is not available for Screen recording, Upload video or Upload presentation based projects.
## Components of Templates
Templates combine predesigned scenes, layouts, backgrounds, objects, and effects into a single starting point, allowing you to create videos more efficiently.
## Types of Templates
There are two main types of templates:
* **Scene templates:** Individual scenes that you can add to existing videos.
* **Video templates:** Complete video structures composed of multiple scenes tailored to specific video types.
## Scene Templates Overview
Scene templates provide a full scene with all essential components ready for integration into your current video projects.
## Video Templates Overview
Video templates offer a predefined set of scenes assembled into a complete video, centered on the style and purpose of the content you intend to create.
## Accessing Scene Templates
You can locate and add scene templates in your Studio project in Studio editor via the Templates section in the left side navigation panel.
![Scene Template Organization]()
## Configuring Scene Template Themes
Within the Templates panel, set your preferred scene theme by choosing background and font colors; the system then displays matching scene template options.
![Scene Template Organization]()
## Scene Template Organization
Scene templates are categorized by content type, including:
* Mixed scenes containing text, objects, and other elements
* Object-only scenes
* Text-only scenes
* Number or logo-only layouts
![Scene Template Organization]()
## Adding Scene Templates to Projects
You can add a scene template to your video project by selecting the desired template and confirming its addition to your project timeline as a new scene.
## Example: Adding a Desktop-Based Scene
Selecting a desktop-based scene and clicking **Add** inserts the scene as a new element in your video sequence.
![Adding a Desktop-Based Scene]()
## Scene Template Preview Functionality
After adding a scene template, you can preview it by playing and reviewing the scene before saving, ensuring it meets your project requirements.
![Scene Template Preview]()
## Applying Scene Templates to Projects
Once you confirm the preview, apply the scene template to save the complete scene in your project, making it ready for further editing.
![Applying Scene Templates]()
## Customizing Scene Elements
After applying a scene template, configure individual elements to tailor the scene to your project's specific needs. Ensure you click **Apply** after making changes to components to save the config.
You can apply different types of scene background as available in the template scene config.
![Customizing Scene Elements]()
## Adding Product Screens to Objects
You can upload product images or videos to display on objects like desktop, laptop, frame and others as per what you get within the scene template, such as placing a screen display onto a desktop template object.
![Using Animation and Effects]()
## Using Animation and Effects
Apply animation settings or visual effects to scene elements, then preview changes to verify correct display and movement.
![Positioning Objects]()
## Positioning Objects Precisely
You can drag objects to adjust their positions within the scene, using markers to fine-tune placement accurately.
![Positioning Objects]()
## Saving and Rendering Edits
After confirming the layout and animations, click **Apply** to save changes and begin rendering the scene for the final video output.
![Saving and Rendering Edits]()
## Building Videos with Scene Options
Select from various scene templates to assemble a video structure that fits your creative and functional requirements.
To remove a template scene, click the layer element of the template scene so that its config panel appears in navigation panel. You can then delete the template scene by clicking Delete button in the template scene config or by selecting Delete in right click option on template scene layer elment.
![Building Videos]()
## Exporting the Final Video
Once the video project is complete, export it to generate the final video file for distribution or further use.
![Exporting the Final Video]()
## Accessing Video Templates from Home Screen
The home screen includes a **Start with the Template** option enabling direct project creation from video templates or from scratch.
![Creating Projects with Templates]()
## Creating Studio Video Projects with Templates
This feature simplifies the project creation process by providing structured starting points, reducing manual setup time.
![Upcoming Template Additions]()
## Previous Methods of Project Creation
Prior options for creating videos included screen recording, uploading existing videos, or importing presentations. With templates, you can now 𝐜𝐫𝐞𝐚𝐭𝐞 𝐯𝐢𝐝𝐞𝐨𝐬 𝐜𝐨𝐦𝐩𝐥𝐞𝐭𝐞𝐥𝐲 𝐟𝐫𝐨𝐦 𝐬𝐜𝐫𝐚𝐭𝐜𝐡 𝐮𝐬𝐢𝐧𝐠 𝐩𝐫𝐨𝐟𝐞𝐬𝐬𝐢𝐨𝐧𝐚𝐥𝐥𝐲 𝐝𝐞𝐬𝐢𝐠𝐧𝐞𝐝 𝐭𝐞𝐦𝐩𝐥𝐚𝐭𝐞𝐬, making product video creation faster and easier than ever before.
## Direct Project Creation from Templates
You can now initiate projects directly from either blank templates or predefined video templates provided within the Studio.
![Upcoming Template Additions]()
## Starting a Project from Scratch
Selecting to start from scratch opens a blank project with a single scene ready for immediate customization.
You can apply different types of scene background as available in the template scene config.
![Upcoming Template Additions]()
## Upcoming Template Additions
Future updates will introduce more video templates catering to a variety of video types to expand creation options.
![Upcoming Template Additions]()
## Reviewing a Blank Scene Setup
Upon starting from scratch, the initial scene is blank, allowing for full customization from an empty slate. You can that add effects, objects and other components as needed.
Later you can add more scenes from the scene template library.
![Future Multi-Scene Enhancements]()
## Initial Scene Appearance
The blank scene provides clean slate to start with for building your video.
![Future Multi-Scene Enhancements]()
## Ready-to-Customize Scene
You can add lets say a desktop object. The and add product screen image or video and customize it as needed.
![Placeholder Customization]()
## Building a Complete Video Project
You can construct your project scene by scene until the full video sequence is ready for export.
## Future Multi-Scene Template Features
Soon, you will be able to use multi-scene templates, modify scenes as needed, and remove unwanted content to better tailor your project.
![Upcoming Template Additions]()
# Image & Video Element
Source: https://docs.demokraft.ai/ai-studio/image-video-element
Learn how to use image and video overlays on your video, including formatting rules, animations, and visual styles.
## Overview
The **Image/Video** element places a media overlay on the video timeline. It supports:
* **Static images** — JPG, JPEG, PNG (raster), SVG (vector, full transparency)
* **Static with transparency** — WebP (static transparent images)
* **Animated images** — GIF, APNG, animated WebP (loop within the element's time window)
* **Video clips** — WebM (transparent via VP8/VP9 alpha), MP4 (opaque)
The element can be positioned anywhere on the canvas, given a corner radius and drop shadow, and animated in/out independently of the media's own content animation.
***
## Supported Formats
| Format | Extension | Transparency | Animated | Notes |
| :------- | :-------------- | :-------------- | :------- | :------------------------------------------------------ |
| **JPEG** | `.jpg`, `.jpeg` | ❌ | ❌ | Standard photo format |
| **PNG** | `.png` | ✅ full alpha | ❌ | Best for screenshots with transparency |
| **SVG** | `.svg` | ✅ full alpha | ❌ | Vector; rendered at element dimensions |
| **WebP** | `.webp` | ✅ full alpha | ✅ / ❌ | Static or animated; all treated as potentially animated |
| **GIF** | `.gif` | ⚠️ binary | ✅ | 1-bit transparency; loops in canvas and export |
| **APNG** | `.apng` | ✅ full alpha | ✅ | Animated PNG with full transparency |
| **WebM** | `.webm` | ✅ VP8/VP9 alpha | ✅ | Transparent video overlay |
| **MP4** | `.mp4` | ❌ | ✅ | Opaque video overlay |
Up to **20 files** per project.
***
## Adding an Image/Video to Your Project
In the **Effects** sidebar, click **Image/Video**.
In the library mode panel, click **Upload Image/Video** to upload a file from your device.
Click a thumbnail in the grid to select it.
Click **Add to Video** — the element appears on the canvas at a default position.
Drag the element to your desired location and resize it using the corner handles.
Adjust timing, animation, and visual effects in the configuration panel, then click **Apply**.
***
## Format Guidance
| Goal | Recommended format |
| :------------------------------ | :---------------------------------------- |
| Screenshot or diagram | **PNG** |
| Logo with transparency | **SVG** or **PNG** |
| Animated logo / sticker loop | **APNG** or **animated WebP** |
| Animated product highlight | **GIF** (simple) or **APNG** (full alpha) |
| Transparent video overlay | **WebM** (VP8/VP9 alpha) |
| Video clip without transparency | **MP4** |
| Large photo background | **JPEG** |
**Pro-Tip:** Use **WebM** for transparent video overlays (e.g., an asset floating over the background). **MP4** does not support transparency; underlying videos will show through as a black rectangle.
***
## Animation Effects
Element-level animations control how the overlay **enters and exits** the canvas — independent of the media's own internal animation (GIF frames, video playback, etc.).
| Animation | Static image | Animated/Video |
| :--------- | :------------------- | :-------------------------- |
| **None** | ✅ | ✅ |
| **Fade** | ✅ eased in/out | ✅ (linear easing in export) |
| **Slide** | ✅ all directions | ✅ all directions |
| **Scale** | ✅ 0% → 100% | ❌ disabled |
| **Zoom** | ✅ 50% → 100% | ❌ disabled |
| **Reveal** | ✅ left-to-right wipe | ❌ disabled |
Scale, Zoom, and Reveal are disabled for animated/video formats.
***
## Visual Effects
| Effect | Description | All formats |
| :---------------- | :------------------------------------------------------------------------------- | :---------- |
| **Corner radius** | Rounds the element corners. Value is measured in canvas pixels (1280×720 space). | ✅ |
| **Drop shadow** | Adds a soft bottom-right shadow. | ✅ |
# Overview of Scene Options
Source: https://docs.demokraft.ai/ai-studio/intro-scene
Learn how to add and customize Intro Templates, Outro Templates, and Chapter Break Templates to structure your video project.
## Overview of Scene Options
The system provides scene options that can be applied to your project. These options include Intro Template, Outro Template, and Chapter Break Template.
Please note Scenes section is not available for Template or Prompt based video projects.
![Overview of Scene Options]()
## Accessing Scene Options in Studio Mode
Open your existing project in studio mode to access the scene options. The scenes section is located on the left-hand side of the interface.
![Scene Template Options UI]()
## Available Scene Types
There are three primary scene template options:
1. Intro Template
2. Outro Template
3. Chapter Break Template You select one of these to customize and add to your project.
![Selecting an Intro Template]()
## Applying an Intro Template
To apply an intro template, click on the Intro Template option. Then choose your preferred template from the available options by clicking the add button next to it.
![Selecting an Intro Template]()
## Customizing the Intro Title
After adding the intro template, customize it as needed using different template config options. Enter a title for the intro segment to reflect your content.
![Configuring Intro Title]()
## Adding an Intro Subtitle
You can also add a subtitle in the intro template to provide additional context or welcome message.
![Entering Intro Subtitle]()
## Selecting Background Tone for Intro
Choose from background tone options such as Warm, Cool, or Pure White to set the mood and appearance of your intro scene.
![Background Tone Adjustment]()
## Choosing Accent Color
Select an accent color that aligns with your brand identity to customize the visual elements of the intro scene.
![Choosing Brand Accent Color]()
## Accent Color Application
Apply the chosen accent color to enhance branding consistency within your intro template.
![Accent Color Applied]()
## Title Color and Font Style Customization
Adjust the title color as needed, keeping visual harmony in mind. Select a font style, such as Poppins, to match your design preferences.
![Typography Configuration]()
## Setting Intro Scene Duration
Control the display duration of the intro scene by increasing or decreasing the time. The default is 3 seconds, but you can set it, for example, to 4 seconds.
![Configuring Slide Duration]()
## Applying the Intro Template
Click the Apply button to generate and add the intro segment to the beginning of your project. This action finalizes the intro's inclusion.
![Clicking Apply for Intro]()
## Accessing and Applying Chapter Breaks
Navigate back to the scenes section to select the Chapter Break option. You can apply chapter breaks at any point within your project timeline to segment content. Place the player marker on a scene after which you want to add the Chapter break. Add the Chapter break template from options. Scene will get added to your video.
![Chapter Break Section]()
## Choosing a Chapter Break Template
Select a chapter card template from the available chapter break options by clicking the add button.
![Selecting Chapter Card Style]()
## Configuring Chapter Break Label and Number
Specify the chapter label text and the chapter number to clearly identify and organize different sections within your project.
![Setting Chapter Identifier Settings]()
## Defining Chapter Title
Enter the title of the chapter to indicate its content focus.
![Entering Chapter Heading Text]()
## Adding a Subtitle to Chapter Break
Include a subtitle for the chapter break scene to provide supplementary information or welcoming text.
![Setting Chapter Subheading]()
## Selecting Background Tone and Layout for Chapter Break
Choose the background tone, such as cool, and set the layout alignment (left, right, or center) of the chapter break scene.
![Configuring Chapter Alignment Options]()
## Customizing Brand Color for Chapter Break
Select the brand color to maintain visual consistency for the chapter break scene.
![Chapter Color Customization]()
## Setting Font and Chapter Number Display
Choose a font type and confirm the chapter number display styling within the chapter break card.
![Font Theme Selection]()
## Adjusting Chapter Break Duration and Applying
Set the scene duration, defaulting to 3 seconds, with options to increase or decrease the time. Click Apply to add the chapter break to your project timeline.
![Applying the Chapter Card]()
## Applying Outro Templates
Similar to Intro and Chapter break sceen you can add Outro Scene. Access multiple outro templates from Scenes panel to select and add an appropriate ending scene to your project.
![Outro Slide Workspace]()
## Customizing Outro Headline
Modify the headline text within the outro template to deliver your desired closing message.
![Outro Headline Input]()
## Setting Call to Action (CTA) Label
Configure the CTA button label within the outro template, selecting from available button options such as "Sign Up".
![Configuring Button Call-To-Action]()
## Adding Outro Subtitle
Include a subtitle or secondary label to complement the outro scene's messaging.
![Entering Outro Subheading Description]()
## Customizing Outro Colors and Fonts
Adjust colors for various outro elements including background, CTA button, CTA text, and headline. Select a font style consistent with your branding.
![Detailed Styling for Ending Screen]()
## Setting Outro Timing and Applying
Define the timing duration for the outro scene and click Apply to integrate it into your project.
![Final Outro Timeline Configuration]()
## Managing Scene Additions
You can add and configure multiple chapters, as well as apply intro and outro templates, to structure your project effectively.
![Completed Content Layout Structure]()
# Demokraft AI Studio: Create Professional Product Content in Minutes
Source: https://docs.demokraft.ai/ai-studio/overview
## Studio is the flagship creation experience within Demokraft AI.
Purpose-built for software products, it enables anyone to create polished product content without requiring advanced video production or design expertise.
Whether starting from a screen recording, creating graphical product videos with motion graphics from scratch, customizing professionally designed templates, or soon generating complete product videos from a simple prompt, Studio dramatically reduces production effort while maintaining professional quality.
Studio includes:
* Visual Editor
* Screen Recording
* Presentation to video
* Motion Graphics
* Templates
* Reusable Objects with Device Mockups
* Branding Tools
* Animations & Visual Effects
* AI Voice Generation
* AI Script enhance
* Multilingual Screen Recording (14 Languages)
* Translation & Localization (39 Languages)
* Prompt-to-Product Video (Coming Soon)
* Intelligent Content Enhancements
Every capability is designed around one objective:
**Help software teams communicate products with clarity, consistency, and speed.**
## Key Capabilities
Automatically strip filler words, tighten sentences, and reframe features as benefits — then review and approve every word before voiceover runs.
Replace raw narration with a professional AI voice that auto-synchronises to your video timeline. Preview before you commit.
Translate and re-voice your video into 39+ languages from a single source. Each language produces a standalone, independently editable project.
Add Zoom, Shapes, Blur, Spotlight, Arrows, Animated Text, Animated Objects, and template Scenes — all as stackable timeline layers.
Start from a launch-ready scene template or video template with structure for product intro, launch and other purpose videos.
Export as MP4 video (up to 4K), html or markdown doc, looping GIF from a single source.
# Transforming Presentations into Studio-Quality Videos
Source: https://docs.demokraft.ai/ai-studio/presentation
Learn how to effortlessly upload your presentation and convert it into a polished, studio-quality video with Demokraft AI.
## Introduction
In this guide will walk you through our powerful presentation-to-video transformation process.
Upload your presentation and convert it into a polished, studio-quality video that enhances your professional messaging.
![Presentation to video preview]()
***
## Accessing the Upload Feature
After logging into the Demokraft AI application portal, you will find the **Upload Presentation** option prominently displayed on the home page, making it easy to start your video creation journey.
![Upload Presentation portal home]()
***
## Preparing Your Presentation for Upload
To upload your presentation, click on **Upload Presentation**.
**File Requirements:**
* Must be in **PDF format** (each slide on a separate page).
* Maximum length of **15 slides**.
* *Note:* Currently, only PDF files are supported, but support for PowerPoint files is coming soon.
***
## Upload and Preprocessing Workflow
Once you upload your file, it starts preprocessing and it opens directly within our editor.
While this happens, our system performs essential internal preprocessing, similar to our video upload process. Please allow a moment for this to complete.
![Processing workflow]()
***
## Processing Time and Video Readiness
The preprocessing duration depends on the number of slides in your presentation. After processing finishes, your presentation video will be displayed in the editor, ready for your review and adjustments.
![Video dashboard timeline ready]()
***
## Slide-Based Video Scenes
Each slide from your presentation becomes a distinct scene within the video timeline. You can view multiple slides simultaneously in the editor, enabling straightforward navigation and editing for each segment of your presentation.
![Slide-based scenes layout]()
***
## Automatic Script Generation for Voiceover
In the **Script** section, we automatically generate a script corresponding to each slide. This feature simplifies voiceover creation by providing editable scripts that match your visual content precisely.
![Visual timeline view]()
***
## Visual Preview Without Voiceover
When your video opens in the editor, it initially presents the visual slides without any voiceover. This allows you to focus entirely on perfecting the layout and order of the visual elements before adding audio narration.
![Visual timeline view]()
***
## Script Review and Voiceover Preparation
At this point, you can thoroughly review and edit the automatically generated script text. Once satisfied with the text, you have the option to enhance it further using AI assistance or proceed directly to generate the voiceover.
![Reviewing and editing scripts]()
***
## Selecting Your AI Voice
To create an engaging audio narration, select your preferred AI voice from the available library options. For example, you might choose a voice profile like **Chris** to best match your presentation's tone and style.
![Selecting Voice]()
***
## Generating the Voiceover
After selecting your AI voice, simply click the **Generate voice** button to produce and apply the voiceover to your presentation video seamlessly.
![Voice generation click]()
***
## Synchronized Audio for Each Slide
Our system generates a unique voiceover for each slide, transforming each into a distinct scene with perfectly synchronized audio that aligns with your edited script. Once completed, you can easily play back the video with the integrated sound to verify the narrative flow.
![Synchronized voiceover playback]()
***
## Voiceover Integration and Duration
You can observe how effectively the voiceover has been integrated into your video timeline. The total video duration automatically updates—for instance, reflecting *2 minutes and 20 seconds*—to match the exact pacing and length of the generated voiceover narration.
![Updated video duration]()
***
## Enhancing Your Video with Media Elements
To elevate your video further, you can add creative editing features such as:
* Custom background images
* Background music loops
* Tailored visuals to match your brand
These enhancements enrich the overall viewing experience and help reinforce your presentation's core message.
![Adding background media elements]()
***
## Personalizing Video Appearance
Similar to standard video editing workflows, you can effortlessly incorporate brand images and audio files to fully personalize your presentation, making it highly professional and engaging.
![Personalizing timeline styling]()
***
## Creating a Document from Your Presentation
Beyond videos, you can also generate structured documents from your presentation content.
Navigate to the **Document** tab within the workspace. This powerful feature allows you to repurpose your content efficiently into written assets.
![Edit doc]()
***
## Editing and Exporting Documents
Clicking the **Document** tab triggers automatic text document generation based on your presentation's script. From here, you can:
1. Edit the generated textual content as needed.
2. Click the **Export** button to download the finished document file for external distribution.
![Edit doc]()
***
## Exporting Your Final Video
Once you have finalized all script and scene visual edits, exporting your completed video project is simple. Click the main video export utility to compile and share your professional-quality presentation video instantly.
***
## Transform Your Presentations with Confidence
We encourage you to utilize these streamlined features to convert your standalone presentations into stunning, studio-quality videos that effectively communicate your narrative and engage your target audience.
# Prompt a Studio
Source: https://docs.demokraft.ai/ai-studio/prompt-a-studio
Learn how to use Prompt a Studio in Demokraft AI Studio to generate and edit automated AI-powered video projects.
## Introduction to Prompt a Studio
Prompt a Studio is a feature within Demokraft AI Studio designed to simplify video production using AI technology.
## Purpose of Prompt a Studio
Prompt a Studio transforms simple product information into a fully editable Demokraft Studio video project through AI-powered automation.
## Automated Video Creation Workflow
By providing a product description or website URL, the system automatically generates storyboards, scenes, motion graphics, layouts, visuals, brand styling, and narration. Users retain control by reviewing and editing each stage before final video production.
## Outcome: Editable Video Projects
The output is a fully editable Demokraft AI Studio project—not just a rendered video—allowing customization to fit specific needs.
## Getting Started Methods
Users can initiate video creation by either supplying a website URL or entering a detailed prompt with product and video specifics.
## Accessing Prompt a Studio
From the Demokraft AI app home screen, select Prompt a Studio, then choose between the website-based or prompt-based start options.
## Website-Based Option: Input Requirements
Enter a product or website URL to enable the agent to extract key details such as brand styling, images, and logos for scene generation.
## Video Type and Duration Settings
Select video types like intro, explainer, or launch video and set a duration up to 90 seconds. The system currently supports English language, with plans to add more languages.
## Image Upload Capability
Upload up to five additional images alongside those extracted from the website to enrich the video content. The better you explain (what image is about) the attached images in prompt or custom instruction the better their selection is. Agent internally also tries to use some AI generated images as appropriate.
## Custom Instructions Field
Use the custom instruction field to provide explicit guidance to tailor the video project creation process as desired.
## Prompt-Based Option Overview
Describe the intended video using a provided template or a custom prompt to guide video creation when a website URL is not used.
## Prompt Template Components
Include elements such as product name, tagline, product function, and video objective to direct the AI's output.
## Additional Prompt Details
Define the target audience, tone, focal points, problem statement, benefits, call to action, and brand kit for comprehensive guidance.
## Branding and Asset Specification
Specify brand theme, color palette, and font; additionally, describe uploaded assets like logos and product images for appropriate video integration. The detailed brand theme details you give the better aligned the video is. Below is any example:
* Primary Background: Navy Blue: #191b3b
* Primary Accent: Orange: #f4930f
* Logo: Orange and White
* Font:Afacad
* Tone: Calm, precise, modern, confident, and innovative.
## Image Upload in Prompt-Based Option
Users can attach (upto 5) images similarly in the prompt-based option to supplement video content.
## Initiating Video Generation
After all required fields are completed, click "Generate Video" to begin the AI-driven creation process.
## Workflow Overview
The system processes the provided prompt or URL information to create video content in a stepwise manner.
## Example Use Case
Creating a product demo video involves preparing a tailored prompt that describes the product and intended messaging. In this screenshot an example prompt of Demokraft AI feature launch is given.
## Project Setup Details
Provide key elements including call to action, brand guidelines, preferred fonts, and supporting assets (with their description) to inform video generation.
## Starting the Creation Process
Select "Generate Video" to allow the system to analyze inputs and begin building the storyboard and video components.
## Storyboard Outline Generation
The AI analyzes input data, extracts relevant information, and produces a storyboard outline for user review and feedback before detailed creation.
Please note it might take few minutes to generate Storyboard outline and details.
## Storyboard Detail Contents
The detailed storyboard includes scene-by-scene descriptions, visuals, voice-over scripts, and requires processing time to analyze assets thoroughly.
## Reviewing and Approving Storyboards
Users can evaluate the generated outline, provide feedback in natural language, regenerate if necessary, or approve to proceed with detailed scene creation.
## Storyboard Iterations
The storyboard is refined through multiple iterations to ensure alignment with user expectations, which may increase processing time.
## Detailed Storyboard Elements
Each scene shows colors, tone, visual style, descriptions, voice-over text, and on-screen text for comprehensive review.
## Finalizing the Storyboard
After reviewing and optionally revising the detailed storyboard, clicking "Approve" generates the complete project, opening it in the Studio editor.
## Studio Editor Review
Within the Studio editor, users can review each scene and its associated script to ensure content accuracy and alignment with goals.
## Editing in Studio Editor
Edit scenes and content as needed to refine messaging and visual elements, identical to working with any other Studio project.
## Voice-Over Creation
Select a voice and generate the voice-over after script finalization; note that audio is unavailable during playback until this step is completed.
Please note if you dont generate voiceover project creation you wont hear any voiceover in the video on playback. So review the script, edit and/or enhance it and generate voiceover with voice you select. Only then you will hear the voiceover.
## Project Enhancement and Preview
Add music and effects to enhance the project, then preview the completed video to verify quality and coherence.
## Export and Translation Options
Export the finished video for distribution and use the translation feature post-creation to support multiple language audiences.
# Installing and Using the Demokraft AI Screen Recording Chrome Extension
Source: https://docs.demokraft.ai/ai-studio/screen-rec
Learn how to install and use the Demokraft AI screen recording extension to capture and edit your screen activity.
## Introduction to Demokraft AI Screen Recording
This article explains how to install the Demokraft AI screen recording Chrome extension and how to use it for effective screen capture. The extension enables capturing screen activity directly through your browser for streamlined video creation and editing.
***
## Installing the Chrome Extension
1. Log into your **Demokraft AI account** via the web app portal.
2. On the home page, locate the link to the Chrome extension and click it to open the extension's page directly in the [Chrome Web Store](https://chromewebstore.google.com/detail/demokraft-ai-screen-recor/nnkhpedblgmpjmjhbofenkpkbjlcdedn).
3. If you are installing the extension for the first time, click the **Add to Chrome** option to add the extension to your browser for immediate use.
4. After installation completes, instructions will be displayed.
The extension will appear in your browser's extension menu. We highly recommend **pinning it** for quick access. To stop recording sessions, click the stop icon available in the extensions list.
![Installing the extension]()
![Confirm Extension Screen]()
***
## Starting a Screen Recording Session
To begin recording:
* Open the browser tab that you want to capture.
* Click the **Demokraft AI** extension icon.
* *First-time users:* You will be prompted to log in to link the extension with your account.
* After logging in, a selection pop-up will appear where you can choose to record the **entire screen** or a **specific tab**.
* Select an appropriate microphone for audio input as needed.
* Click **Start Recording** to begin capturing your screen activity.
![Starting a recording session]()
![Best practices during recording]()
***
## Best Practices During Recording
* **Speak Clearly:** Ensure clear speech to maintain audio quality and avoid silent portions for better engagement.
* **Intentional Clicks:** Use your clicks intentionally, as they mark precise points in the video where screenshots will be captured.
* **Visual Presentation:** Maintain clear and visible visuals. While your audio and script can be edited later, the captured screen visuals are permanent and cannot be changed.
***
## Describe the Recording
You will then be prompted to provide a description of your recording. This description allows the application to understand the content's purpose and customize editing accordingly (e.g., *"first time app demonstration"*). After entering the description, click **Submit** to proceed.
![Describing the recording]()
***
## Screen Capture Permissions and Selection
After submitting your description, the browser requests permission to record your screen:
1. Choose to record either the **entire screen**, a **specific application window**, or a **single Chrome tab**.
2. Select the option that best fits your recording needs.
3. Once your selection is confirmed, a countdown will signal the start of the screen capture to allow you to prepare.
![Screen capture permissions]()
***
## Stopping Recording and Accessing the Editor
Upon completing your capture, click the stop button located at the top of the screen to finalize the recording.
You will be redirected automatically to the **Demokraft AI Studio editor**, where you can fine-tune your recorded video. This seamless workflow integrates recording and editing directly into one fluid process.
![Starting a recording session]()
# Getting Started with Script Enhancement and Voice-Over
Source: https://docs.demokraft.ai/ai-studio/script-enhance
Learn how to enhance your script and generate a professional voice-over specifically for your product videos.
## Achieving Studio-Quality Scripts and Brand-Aligned Narration
In this section, we show you how to improve your script to a studio-standard level and produce narration that aligns perfectly with your brand's voice, ensuring consistency and professionalism throughout your video.
![Studio-Quality Scripts Dashboard]()
## Opening Your Project in the Editor Workspace
Once you have an existing project or a completed recording, it opens directly in the editor – your workspace where you can prepare, refine, and apply voice-over elements seamlessly to your video content.
![Editor Workspace]()
## Accessing Script and Voice-Over Enhancement Tools
After your project loads in editor mode, navigate to the left menu and select the Script option. This brings you to the panel where you can enhance your script and voice-over settings effectively.
![Script Menu Option]()
## Enhancing Your Video’s Script: Two Options
Within the Script panel, firstly if you want, you can review manually and make the edits you need. Next step is to enhance your video's script. You have two main options to choose from to suit your workflow and goals.
![Script Enhancement Options]()
## Using AI Rewrite for Full Script Enhancement
Utilize the AI Rewrite button at the top to enhance your entire script in one single step. This method is ideal for fast, consistent improvements across your whole project, saving you time while boosting quality.
![AI Rewrite Tool]()
## Enhancing Individual Script Segments
Alternatively, select a specific segment to rewrite. This targeted approach lets you enhance particular lines without altering the rest of your script, giving you precise control where needed.
![Individual Segment Rewrite]()
## Benefits of Script Enhancement and Voice Selection
Whether you enhance your script fully or by segment, this process elevates your script to studio quality and eliminates common issues. Next, choose from the available voices to preview and apply to your narration.
![Voice Selection Panel]()
## Choosing and Applying the Best Voice for Your Brand
Explore the voice options and select the one that best fits your brand identity. Once chosen, apply the selected voice to your project to unify the narration style and enhance audience connection.
![Applying Brand Voice]()
## Enabling Speech Generation
After applying a voice, the Generate Speech button becomes active, allowing you to proceed with producing the voice-over narration based on your script and voice choice.
![Active Generate Speech Button]()
## Generating Voice-Over for Your Script
Click Generate Speech to start creating the voice-over for your entire script. This initiates a background process that applies narration to your video, automating voice production while maintaining quality. Visuals will be auto-synched to the voiceover which can change the duration of your video. You can now play the video in player to check the new voiceover and iterate as needed.
![Voiceover Generation Progress]()
## Processing Time Based on Video Length
Keep in mind that processing time varies depending on your video's length. Longer videos require more time for narration generation, so please be patient as the system completes this step.
![Processing Status]()
## Regenerating Speech After Script Edits
If you edit your script in a single segment or enhance the full script, remember to regenerate the speech. This ensures the audio narration matches your most current script version accurately.
![Regenerate Speech UI]()
## Background Regeneration of Segment Narration
By clicking Generate Speech again, you trigger a background regeneration of narration for the selected segment, using the voice you previously selected to maintain brand consistency.
![Segment Narration Updates]()
## Aligning Voice-Over with Your Revised Script
This process updates your voice-over so that the narration perfectly aligns with your revised script and chosen voice, enhancing the professionalism of your product walkthroughs.
![Audio and Script Sync]()
## Finalizing Your Video with Professional Voice-Over
Your video is now ready, featuring a consistent and professional voice-over that enhances your product presentation and engages your audience effectively. Thank you for using these tools to elevate your content.
![Completed Video Preview]()
# Textbox
Source: https://docs.demokraft.ai/ai-studio/textbox-element
Add, style, and animate text over any part of your video in the Demokraft Studio editor.
Textbox is the animated text element in the Demokraft Studio editor. You can add it on top of any part of your video to display text — a title, a key stat, a call-to-action, a label, or any other copy — with animated entry and exit effects and visual styling like shadows, outlines, and color blends.
Unlike basic captions (which follow the spoken word), Textbox clips are fully manual: you decide exactly what the text says, where it sits on screen, when it appears, how it moves in, and how it looks.
**A Textbox clip is defined by six things:**
| What | Controls |
| ------------------- | ------------------------------------------------------------ |
| **Content** | The text you type |
| **Timing** | When the clip starts and ends on the timeline |
| **Style** | Font, size, color, alignment |
| **Position & Size** | Where on screen, how wide, overall transparency |
| **Effect** | Visual treatment applied to the text (shadow, outline, etc.) |
| **Animation** | How the text enters (and optionally exits) the frame |
***
## Adding a Textbox
In the Studio editor, open the **Effects** panel in the left sidebar.
Click the **Textbox** icon (a rectangle with "T" inside).
A default Textbox clip is placed at the current playhead position covering the full width of the video.
The config panel opens on the right. Type your text, adjust the style, and click **Apply**.
**Drag & resize on canvas:** You can drag the textbox to reposition it while playback is paused. Drag the left or right edge handle to adjust the width. Double-click the textbox on the canvas to edit the text inline without opening the panel.
***
## 1. Text
The **Text** panel is where you type the words that will appear in the video.
* Type or paste your text in the text area.
* Use **Enter / Return** to add line breaks.
* The canvas preview updates in real time as you type.
Keep the text short and punchy. Long sentences may wrap awkwardly at smaller font sizes or narrow widths.
***
## 2. Timing
| Field | What it does | Default |
| ------------- | --------------------------------------------------- | ------------------------- |
| **Start (s)** | The second in the video when the textbox appears | Current playhead position |
| **End (s)** | The second in the video when the textbox disappears | Start + 5 seconds |
You can also drag the clip's edges in the timeline to adjust the timing visually.
The animation entry plays from the Start time. Make the clip duration ≥ Entry + Hold + Exit so the animation completes before the clip ends.
***
## 3. Style
The Style panel controls the typography: font, size, color, and fill.
### Text Type Presets
Click a preset to instantly apply a complete set of font settings tuned for that role:
| Preset | Best use | Font size | Weight |
| ------------------ | ------------------------------------- | --------- | ------------------------------ |
| **Title** | Main heading, hero text | 80px | Extra-bold (800) |
| **Subtitle** | Supporting sentence below a title | 48px | Regular (400) |
| **Label** | Short category tags, section names | 24px | Semi-bold (600) |
| **Caption** | Small descriptive text, footnotes | 18px | Regular (400) |
| **Label Subtitle** | Thin secondary label | 32px | Light (300) |
| **Number** | Large stats, countdown values | 96px | Black (900), SpaceGrotesk font |
| **Custom** | Start from scratch, no preset applied | 48px | Bold (700) |
Selecting a preset updates Font size, Font weight, Letter spacing, and Line height all at once. Switching to "Custom" clears the preset selection so you can adjust everything manually.
### Font Family
Choose from 50+ fonts including:
| Category | Example fonts |
| ------------------------- | -------------------------------------- |
| **Clean sans-serif** | Inter, DMSans, Outfit, Sora, Geist |
| **Bold display** | Anton, BebasNeue, ArchivoBlack, Oswald |
| **Rounded & friendly** | Nunito, Poppins, Raleway, Montserrat |
| **Serif** | PlayfairDisplay, Merriweather |
| **Handwriting** | Caveat, Pacifico |
| **Technical / monospace** | JetBrainsMono, IBMPlexSans |
| **Geometric** | SpaceGrotesk, PlusJakartaSans |
Each font family in the list has its weight and italic variants directly available as separate entries (for example: `Poppins`, `PoppinsBold`, `PoppinsItalic`, `PoppinsBoldItalic`). Select the specific variant you want rather than using the weight or italic controls.
**For non-Latin scripts** (Arabic, Hindi, Bengali, Japanese, Chinese, Korean, Thai, etc.), choose the matching **NotoSans** variant from the font list — these are specifically designed for correct rendering of those character sets.
### Font Size
Set the size in pixels. Range: **8 px to 300 px**. Default: **48 px**.
The text automatically wraps inside the textbox width. If the font size is too large for the content to fit in one or two lines, reduce the size or widen the textbox.
### Text Alignment
| Option | Effect |
| ---------- | ------------------------------------------- |
| **Left** | Text aligns to the left edge of the textbox |
| **Center** | Text is centered horizontally (default) |
| **Right** | Text aligns to the right edge |
### Letter Spacing
Adjusts the horizontal gap between characters. Range: **-10 to 30 px**. Default: **0**.
* Negative values tighten the text (good for large display titles).
* Positive values spread the text out (good for label / all-caps styles).
### Line Height
Adjusts the vertical gap between lines of wrapped text. Range: **0.8x to 2.5x**. Default: **1.2x**.
* Tighter values (0.9–1.1) look good for large bold titles.
* Looser values (1.4–2.0) improve readability for multi-line body text.
### Fill
The **Fill** control sets the color of the text itself.
**Solid fill** — Pick a single color. Default: white (`#ffffff`).
```json theme={null}
{
"style": {
"fillStyle": "solid",
"solidColor": "#ffffff"
}
}
```
**Gradient fill** — The text is painted with a smooth blend from one color to another.
| Field | What it does | Default |
| --------- | ------------------------------------------------------------------------ | ------------------ |
| **From** | Starting color of the gradient | `#fa8c16` (orange) |
| **To** | Ending color of the gradient | `#ffffff` (white) |
| **Angle** | Direction of the blend (0–360°, 0° = top-to-bottom, 90° = left-to-right) | 90° |
```json theme={null}
{
"style": {
"fillStyle": "gradient",
"gradientColors": ["#fa8c16", "#ffffff"],
"gradientAngle": 90
}
}
```
### Text Glow
An optional soft halo radiated from each text character. Applies to **all effect types** (none, shadow, outline, background, blend). Enable via the **Text Glow** toggle in the Style panel.
| Control | What it does | Range | Default |
| -------------- | ----------------------------------------------- | --------- | --------- |
| **Text Glow** | Enable/disable the glow. | — | off |
| **Blur** | How far the glow spreads around each character. | 0–40 | 12 |
| **Opacity** | Transparency of the glow. | 0–100% | 70% |
| **Glow Color** | Color of the glow light. | Hex color | `#ffffff` |
If **Text Shadow** (in the Background effect) and **Text Glow** are both enabled at the same time, the canvas preview shows only the shadow (canvas has a single-shadow API). The exported video also suppresses glow when text shadow is active, so the two render identically. Use one or the other for consistent results.
***
## 4. Position & Size
| Control | What it does | Range | Default |
| ------------- | ------------------------------------------------------------------------------------------------- | ----- | ------- |
| **X (%)** | Horizontal position of the textbox's left edge, as a % of the video width | 0–100 | 10% |
| **Y (%)** | Vertical position of the textbox's top edge, as a % of the video height | 0–100 | 40% |
| **Width (%)** | How wide the text area is, as a % of the video width. Text wraps inside this width. | 5–100 | 80% |
| **Opacity** | Overall transparency of the entire textbox (text + any effect). 0 = invisible, 1 = fully visible. | 0–1 | 1 |
Keep X around 10% and Width around 80% to leave breathing room on both sides. For a centered single-word title, you can set X = 0 and Width = 100 with Center alignment.
***
## 5. Effect
Effects change the visual treatment of the text — adding depth, contrast, or blending it into the video. There are six options.
### None
No effect applied. The text renders as plain colored text over the video.
```json theme={null}
{ "effect": { "type": "none" } }
```
### Shadow
Adds a drop shadow behind the text.
| Control | What it does | Range | Default |
| ------------ | ----------------------------------------------------------------------------------------- | --------- | --------- |
| **Blur** | How soft/spread out the shadow is. Higher = softer, more diffused. | 0–100 | 15 |
| **Opacity** | How visible the shadow is. 0 = invisible shadow, 100 = fully opaque. | 0–100% | 20% |
| **Distance** | How far the shadow is offset from the text. | 0–100 | 15 |
| **Angle** | Direction of the offset (0–360°, measured clockwise from 12 o'clock). 135° = bottom-left. | 0–360° | 135° |
| **Color** | Shadow color. Usually black for a natural shadow, but any color works for stylized looks. | Hex color | `#000000` |
For a clean shadow, use a small distance (5–10), moderate blur (10–20), and low-to-medium opacity (20–40%). For a glow effect, set distance to 0 and increase blur significantly.
### Outline
Draws a solid border around each letter.
| Control | What it does | Range | Default |
| ------------- | -------------------------------------------------------------------------------------- | --------- | --------- |
| **Thickness** | How thick the border is. | 0–100 | 20 |
| **Color** | Border color. White outlines work well on dark videos; dark outlines on bright videos. | Hex color | `#ffffff` |
Outline is great for ensuring readability on busy video backgrounds. Keep thickness between 8–20 for a natural look.
### Background
Draws a filled shape behind the text — a pill-shaped box (rounded rectangle) that acts as a backdrop. Optionally adds a border, a drop shadow behind the box, and a shadow cast by the text characters themselves.
#### Fill
| Control | What it does | Range | Default |
| ----------------- | ----------------------------------------------------------------------------- | --------- | --------- |
| **Fill Color** | Background box color. | Hex color | `#000000` |
| **Fill Opacity** | How transparent the background box is. 100% = solid, 0% = invisible. | 0–100% | 60% |
| **Padding** | Space between the text and the edge of the box. Larger = more breathing room. | 0–80 | 20 |
| **Border Radius** | How rounded the corners of the box are. 0 = sharp corners, 50 = pill shape. | 0–50 | 8 |
#### Border (optional)
*Appears when Border Width > 0*
| Control | What it does | Range | Default |
| ------------------ | ----------------------------------------------------------------- | --------- | --------- |
| **Border Width** | Thickness of the border drawn inside the box edge. 0 = no border. | 0–20 | 0 |
| **Border Opacity** | Transparency of the border. 100% = solid. | 0–100% | 100% |
| **Border Color** | Color of the border. | Hex color | `#ffffff` |
#### Border Glow (optional)
*Toggle on to reveal controls*
| Control | What it does | Range | Default |
| --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | --------- |
| **Border Glow** | Enable/disable a soft light radiating from the border edge. When **Frosted Glass Border** is also enabled the glow halos around the glass border (same outer edge). | — | off |
| **Blur** | How wide the glow spreads in all directions. Higher = larger halo. | 0–40 | 10 |
| **Opacity** | Transparency of the glow. | 0–100% | 80% |
| **Glow Color** | Color of the glow light. | Hex color | `#ffffff` |
#### Frosted Glass Fill (optional)
*Toggle on to reveal controls*
A stylistic glass-card look. When this toggle is on, the regular **Fill Color** and **Fill Opacity** controls are hidden — glass fill is mutually exclusive with solid fill. Rendered as a translucent tint plus a top-down sheen (lighter at the top, slightly darker at the bottom) that sells the "glass surface" effect.
This is a stylistic look — it does NOT sample or blur the actual video behind the textbox (canvas/export render identically).
| Control | What it does | Range | Default |
| ---------------------- | ------------------------------------------------------------------------------------------------ | --------- | --------- |
| **Frosted Glass Fill** | Enable/disable the glass fill. When on, replaces the solid Fill. | — | off |
| **Opacity** | Translucency of the base tint. Higher = more visible glass. | 0–100% | 20% |
| **Sheen** | Intensity of the top-bright + bottom-dark highlight gradient. 0 = flat tint, 100 = strong sheen. | 0–100% | 35% |
| **Tint Color** | Color of the glass tint. White looks most "glassy"; tinted colors give a stained-glass feel. | Hex color | `#ffffff` |
#### Frosted Glass Border (optional)
*Toggle on to reveal controls*
A stylistic translucent ring at the box rim with a thin inner highlight — looks like the rim of a glass card. Drawn **on top of** the regular Border (additive — both render together if both are enabled).
**Important — interaction with Fill:** When Frosted Glass Border is enabled, the Fill (solid OR glass) is automatically inset by `Width` pixels so the rim stays transparent and the glass ring shows the video frame underneath (instead of blending with the fill color). Turn the toggle off to restore the full-size fill.
| Control | What it does | Range | Default |
| ------------------------ | ------------------------------------------------------------------------------------------- | --------- | --------- |
| **Frosted Glass Border** | Enable/disable the glass ring. Additive to the regular Border. | — | off |
| **Width** | Thickness of the glass ring (px). | 1–20 | 4 |
| **Opacity** | Translucency of the ring. The thin inner highlight scales with this value. | 0–100% | 70% |
| **Tint Color** | Color of the glass ring. White matches typical glass; colored tints work for branded looks. | Hex color | `#ffffff` |
#### Box Shadow (optional)
*Toggle on to reveal controls*
| Control | What it does | Range | Default |
| -------------- | ----------------------------------------------------------------- | --------- | --------- |
| **Box Shadow** | Enable/disable a drop shadow behind the background box. | — | off |
| **Blur** | How soft the box shadow is. Higher = more spread. | 0–40 | 15 |
| **Opacity** | Transparency of the box shadow. | 0–100% | 50% |
| **Distance** | How far the box shadow is offset from the box. | 0–40 | 10 |
| **Angle** | Direction the box shadow is cast (degrees, clockwise from right). | 0–360° | 135° |
| **Color** | Box shadow color. | Hex color | `#000000` |
#### Text Shadow (optional)
*Toggle on to reveal controls*
| Control | What it does | Range | Default |
| --------------- | -------------------------------------------------------------------------------- | --------- | --------- |
| **Text Shadow** | Enable/disable a shadow cast by the text characters. Layered above the box fill. | — | off |
| **Blur** | How soft the text shadow is. | 0–40 | 10 |
| **Opacity** | Transparency of the text shadow. | 0–100% | 40% |
| **Distance** | How far the text shadow is offset from each character. | 0–40 | 8 |
| **Angle** | Direction the text shadow is cast (degrees, clockwise from right). | 0–360° | 135° |
| **Color** | Text shadow color. | Hex color | `#000000` |
A semi-transparent background (40–65% opacity) is the most readable treatment for text over a moving video. Pair with center alignment and a bold font for maximum legibility. Enable Box Shadow to lift the card visually off the background. For a "premium UI" feel, try Frosted Glass Fill + Frosted Glass Border together — the glass tint at low opacity reads as a translucent panel and pairs naturally with light text.
***
## 6. Animation
Animations control how the text enters (and optionally exits) the screen. The text is split into individual units — characters, words, or lines — and each unit animates in sequence with an auto-derived stagger delay.
### Timing vs. Animation Phases
| Controls | What it does |
| -------------------------------- | ------------------------------------------------------------------------------------------------------------------------ |
| **Timing section (Start / End)** | When the textbox appears and disappears in the video. This is the **clip's visible window** and always takes precedence. |
| **Entry / Hold / Exit (s)** | What happens *inside* that window — how the text animates in, how long it stays, and how it animates out. |
**The Timing section wins.** If Entry + Hold + Exit exceeds the clip duration, the animation phases that fall outside the clip window are cut off. The text still disappears at the End time you set in Timing — the animation just won't complete. The Animation panel shows an orange warning when the sum exceeds the clip duration.
**Best practice:** set Start/End first in the Timing section to define how long the textbox should be visible, then tune Entry + Hold + Exit to fit within that duration. Entry + Hold + Exit does not need to exactly equal the clip duration — any remaining time is absorbed as extra hold.
### Phase Duration Fields
| Field | What it does | Range | Default |
| ------------- | ------------------------------------------------------------------------------ | ------- | ----------- |
| **Entry (s)** | Total time for ALL units to finish entering | 0 – 30 | 40% of clip |
| **Hold (s)** | Time the text is fully visible and static (0 = entry flows directly into exit) | 0 – 120 | 20% of clip |
| **Exit (s)** | Total exit phase (0 = no exit) | 0 – 30 | 40% of clip |
* Set **Entry = 0** to make text appear instantly (snap in) with no animation.
* Set **Hold = 0** to transition directly from entry into exit with no pause in between.
* Set **Exit = 0** to disable the exit phase (text holds until the clip ends).
**Stagger:** within each phase the system automatically spaces unit animations using a 40/60 split — 40% of the phase time is spread as stagger delays, 60% is per-unit animation time. You never set stagger manually.
### Animation Speed Guide
| Feel | Entry (s) | Hold (s) | Exit (s) | Best for |
| ---------------- | --------- | ---------- | -------- | ---------------------------------------- |
| **Instant pop** | 0 | clip dur | 0 | Labels, callouts, quick captions |
| **Snappy** | 0.3 | clip − 0.3 | 0 | Fast-paced content, product demos |
| **Standard** | 40% | 20% | 40% | Auto-set when you pick an animation type |
| **Smooth** | 1.2 | clip − 2.2 | 1.0 | Feature highlights, marketing |
| **Dramatic** | 2.0 | clip − 3.5 | 1.5 | Hero titles, storytelling |
| **Flash in/out** | 0.4 | 0 | 0.4 | Entry directly into exit, no pause |
**Pro Tips for Speed:** \* **Words/Lines:** Increase Entry to 1.5–2s to give all words time to stagger in fluidly.
* **Characters:** For short words, 0.5s is snappy. For full sentences, use 1.0–1.5s to keep it readable.
* **Count/Decode:** Entry is the full animation duration.
* **Typewriter:** Entry controls the total typing time regardless of character count.
### Animation Types
***
## Tips & Best Practices
**Readability:**
* Use the Background or Shadow effect if your video is visually busy — plain text over complex video can be hard to read.
* White text on dark video needs no effect. Dark text on bright video benefits from a white outline or shadow.
**Timing:**
* Make your clip duration ≥ Entry + Hold + Exit. If the clip is shorter, the animation phase will be compressed. Check the Total readout in the Animation panel.
* For entry animations on long text with word-split, increase Entry to 1.5–2 s so all words have time to enter before the hold begins.
**Animation Choice:**
* Titles: Drop, Scale, or Words
* Data callouts: Count, Coded, Decode
* Flowing multi-item text: Carousel
* Subtle overlays: Fade, Ascend
* Code / technical labels: Typewriter
**Font Pairing:**
* Title (large) + Caption (small) = a classic size hierarchy.
* Use SpaceGrotesk or BebasNeue for big display numbers; Inter or Poppins for readable body text.
* Avoid using very light fonts (weight 300) at small sizes on busy backgrounds — they disappear.
**Export:**
* The visual result in the canvas preview matches the exported video exactly — same fonts, same animation timing, same effects.
* Textbox clips are rendered as a PNG image sequence on the backend and composited over your video at export time. Export time increases slightly with more Textbox clips.
# Video Translation User Guide
Source: https://docs.demokraft.ai/ai-studio/translate
Learn how to use Demokraft AI to translate your video projects into multiple languages while retaining editing control over scripts, audio, and visual elements.
## Overview of Video Translation
Video translation enables converting an existing video project from its original language into another language to reach broader audiences and improve accessibility.
***
## Accessing the Project for Translation
1. Begin by logging into the **Demokraft AI** portal.
2. Navigate to the studio dashboard.
3. Select the specific video project you want to translate.
Selecting a project directs you to the video editor where the existing content is available for further actions.
![Accessing the project in studio]()
***
## Initiating the Translation Process
Within the video editor, locate your original video and its script (e.g., in English).
* Click the **Translate** button.
* Select your desired target language (such as *Hindi*) from the dropdown menu.
* Confirm your language choice and initiate the translation process.
| Region | Languages |
| :-------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **European** | Bulgarian, Croatian, Czech, Danish, Dutch, English, Finnish, French, German, Greek, Italian, Polish, Portuguese, Romanian, Russian, Slovak, Spanish, Swedish, Ukrainian |
| **Asian** | Chinese, Filipino, Indonesian, Japanese, Korean, Malay, Thai, Vietnamese |
| **Indian** | Hindi, Marathi, Assamese, Bengali, Gujarati, Kannada, Punjabi, Tamil, Telugu, Urdu |
| **Middle East** | Arabic, Turkish |
Please wait for the process to complete; the total duration depends on your video's content length. After completion, a **"Translation Ready"** notification will appear.
![Initiating the translation]()
![Initiating the translation]()
***
## Opening the Translated Project
Click the **"Translation Ready"** notification to open the newly generated project version in your selected language.
The translated script will now appear within the editor's script panel. Note that the original audio remains unchanged at this stage; the system does not automatically overwrite or regenerate the audio track in the new language. This intentional design gives you full control over when and how your audio and visual outputs are updated.
![Opening translated script]()
![Generating target language audio]()
***
## Editing and Generating Audio in the New Language
This workflow provides maximum flexibility to review and edit the translated text before synthesizing a voiceover:
1. **Review Text:** Make custom textual adjustments directly to the generated translation or enhance the phrasing using built-in AI assistant features.
2. **Select Voice:** Once the script is finalized, choose an AI voice profile from the available options optimized for your target language.
3. **Synthesize:** Click **Generate Voice** to render the new audio matching the updated script.
4. **Verify:** Upon completion, preview the timeline to verify the synchronization of the new voice-over with your project transitions.
![Generating target language audio]()
***
## Additional Customizations and Document Review
Further customize your project to optimize localization accuracy and visual impact:
* Adjust timeline elements such as background graphics, slide images, or layout styling.
* Add contextually appropriate background music loops.
* Review the text document automatically generated by the system in the target language to check translation alignment and localization consistency across all outputs.
![Customizing localized project elements]()
![Translated doc]()
***
## Exporting or Continuing Editing
When the translated video fully meets your requirements, click **Export** to compile the final video file for external distribution, downloading, or publishing. Alternatively, you can save your draft and continue making visual and script updates as needed to refine the video further for your audience.
# DemoKraft AI Free Trial: What's Included and How It Works
Source: https://docs.demokraft.ai/getting-started/free-trial
Your DemoKraft AI Studio free trial lasts 14 days with no credit card required. Learn what's included, what's limited, and how to upgrade when ready.
When you sign up for DemoKraft AI, you get immediate access to a 14-day Studio free trial — no credit card required. The trial gives you hands-on access to the core features of AI Studio and AI Hub so you can create real product content, share it with real prospects or users, and see the insights data flow. This page explains exactly what's included, how to make the most of your Free access, and what happens when the trial ends.
## What's included in your free trial
Your trial includes everything you need to create and share a complete AI-enhanced demo:
* **14 days** of Studio trial access — no credit card required
* **Free** Hub plan access forever— no credit card required
* Up to **3 projects** (videos, docs, and GIFs combined)
* **10-minute** maximum input recording length
* **1 seat**
* **720p** export resolution
* **AI voiceover** — full access to the voice library
* **AI script enhancement** — automatic script improvement on every upload
* **Language translation** — available in 2 languages
* **Visual effects** — zoom, spotlight, overlays, animated text, and more
* **CRM integrations** — connect HubSpot or Salesforce
* **AI Hub access** — limited AI Demo Agent sessions for evaluation
* **Watermark** on all exports (automatically removed when you upgrade to any paid plan)
Use a real product screen recording — not a test clip — from day one. The AI script enhancement and voiceover are most impressive when they're working with your actual product narrative.
## Subscription plans
There is a separate subscription for Studio for content creation and separate subscription for Hub to host, share and analyse engagement. Each have separate subscription plans. You can subscribe either or both of them as needed. You can find the different available plans in **Settings → Billing** section. Or you could visit our website [pricing page](https://demokraft.ai/plans-and-pricing/).
## Upgrade anytime
You can upgrade to a paid plan at any point during or after your trial — you don't need to wait for it to expire. To upgrade:
1. Go to **Settings → Billing**.
2. Click **Upgrade Plan**.
3. Choose **Starter**, **Growth**, or contact us for an **Enterprise** quote.
4. Enter your payment details — your account upgrades immediately.
All 3 of your trial projects are preserved when you upgrade. Watermarks are removed from all previously exported assets automatically.
If your trial expires without upgrading, you cannot create new projects or export content. Your existing projects and assets are retained for 30 days, then permanently deleted. If you upgrade within that 30-day window, all your content is restored immediately. Don't wait — upgrade before your trial ends to avoid any interruption to your work.
# Getting Started with DemoKraft AI Studio
Source: https://docs.demokraft.ai/getting-started/gettingstarted
Welcome to our quick tutorial designed to guide you through setting up DemoKraft AI Studio efficiently.
Will see how setup your account, record a video with chrome extension, edit it in Studio editor and export it.
## Account Creation and Login
Begin by going to the DemoKraft AI page and selecting the 'Sign Up' button. This action directs you to a page where you can either log in or create a new account. If you don't have an account, register using your email and password, or simply log in through your Google account for a streamlined process. For demonstration, we use Google login.
![DemoKraft Login Screen]()
## Installing the Chrome Extension
After logging in, the next essential step is to install the DemoKraft Chrome extension. Click on the provided icon to navigate to the Chrome Web Store. There, click 'Add to Chrome' and then confirm by selecting 'Add Extension' to complete the installation seamlessly.
![Chrome Web Store Extension Page]()
![Confirm Extension Screen]()
## Pinning the DemoKraft Icon for Quick Access
To improve accessibility, pin the DemoKraft icon to your browser toolbar. Simply click the pin icon beside the extension, ensuring that the extension is readily available whenever you need it. After pinning, you can return to the studio interface to continue your work.
![Pin Extension for Quick Access]()
## Recording Your Video with Voice
Next, initiate your video recording by clicking the DemoKraft icon, selecting 'Share your Screen', and starting the screen sharing process. When finished, stop the sharing via the option available on the icon. Ensure that your recording includes your voice, as this audio is necessary for subsequent processing and enhancement.
![Screen and Voice Recording UI]()
## Accessing Recorded Videos in Studio
Once your recording is complete, your video will appear in the Studio’s project list. You can select any video to open and work with in the Studio environment. For example, we will demonstrate with a previously recorded video.
![Studio Video Project List]()
## Processing Video for Studio Quality
When you open a video in the Studio, it undergoes background processing to enhance its quality and prepare it for further editing. This enhancement process varies in duration depending on the file size, usually ranging from a few seconds to a minute.
![Video Quality Optimization Background Process]()
## Viewing and Editing the Script
Within the Studio, you will find the video's script displayed on the left side. This script is generated from your original voice recording, providing a textual representation that you can review and edit as needed.
![Video Script Dashboard View]()
## Selecting Voices and Generating Voiceover
Once your script is finalized, choose a preferred voice from the available options to personalize your video narration. After selecting, such as 'Roger' in our example, click 'Generate Script Speech' to initiate the background generation of the new voiceover, then proceed to the next stage.
![AI Voice Selection Settings]()
## Customizing Background and Visuals
Enable the background feature to assign a style that aligns with your brand identity. Adjust visual elements including screen ratio, corner shape, and shadow opacity to achieve the desired aesthetics. After customizing, click 'Apply' to commit these changes.
![Visual Layout Customization Panels]()
## Adding and Managing Background Music
Enhance your video's engagement by enabling the Background Music option. Select a suitable track, adjust its volume level for balance, and ensure it complements your content. After making selections, click 'Apply' to store your settings.
![Audio Settings Interface]()
## Previewing Your Video
Before finalizing, play your video within the Studio to review all edits, ensuring the content and effects meet your expectations for quality and message clarity.
![In-Studio Video Preview Player]()
## Exporting Video in Desired Formats
When satisfied with your video, access the 'Export' option to download your work. Choose between MP4 format for videos or GIF format with selectable sizes to suit your distribution needs. After selection, proceed to export and retrieve your files.
![Video File Export Panel Options]()
## Generating and Editing AI-Generated Articles
Beyond video, you can create an article from your recording by clicking the 'Document' feature. This uses AI to generate a comprehensive write-up including screenshots and details from your session.
In 'Edit Mode', you can adjust text, titles, and insert images. Capture screenshots by navigating to relevant video segments and adding them directly into the document. Always save your changes before exporting the final document for download.
![AI Article and Document Creator Layout]()
## Closing Remarks
Thank you for following this guide. We're here to support you as you utilize DemoKraft AI Studio for your professional projects.
# Support with DemoKraft AI
Source: https://docs.demokraft.ai/getting-started/support
How to get support for Demokraft AI platform?
For any support issues, feedback, questions please email us at [support@demokraft.ai](mailto:support@demokraft.ai).
Our team will getback to you as soon as possible.
# Get Real-Time Hot Lead/Viewer Alerts in Email from AI Hub
Source: https://docs.demokraft.ai/integrations/email
The Email integration sends instant alerts to your emails when a lead/viewer completes a session or other events like CTA clicked.
The DemoKraft AI Email integration keeps your team informed the moment a high-intent event happens in an AI Hub session. Instead of checking dashboards or waiting for updates, your team receives a structured alert card in the Slack channel of your choice — with the visitor's name, company, qualification score(if applicable), and direct links to their Lead/Viewer Intelligence profile.
## What it sends
The Email bot posts an alert when any of the following events occur:
* A session completion score (if applicable).
* A visitor event like CTA button clicked.
## Setup
Go to **Integrations → Email** and click toggle switch and click configure icon.
In the Email integration settings, add email ids to send alerts on. Click **Save**.
Click **Settings -> Notifications** and set your preferences in Notifications config.
# Connect DemoKraft AI to Your Tech Stack
Source: https://docs.demokraft.ai/integrations/overview
DemoKraft AI integrates with Tech stack tools.
DemoKraft AI connects directly to the tools your teams already rely on. Every time a visitor completes an Hub session, user intelligence flows automatically into your tools.
## Native integrations
These integrations are built directly into DemoKraft AI and configured in **Settings → Integrations**.
| Integration | What it does |
| ---------------------------- | ------------------------------------------------------------------------------------------- |
| **Slack** | Sends real-time alerts for hot leads/viewers, session completions, and CTA clicked |
| **Email** | Sends real-time emails for hot leads/viewers, session completions, and CTA clicked |
| **HubSpot** (Coming Soon) | Syncs lead profiles, qualification scores, and session data to contacts and timeline events |
| **Salesforce** (Coming Soon) | Pushes lead profiles and scores to Leads, Contacts, and Activities |
| **Calendly** (Coming Soon) | Adds a meeting booking CTA inside sessions; bookings sync to your CRM |
| **Zapier** (Coming Soon) | Triggers workflows in 5,000+ apps when a Hub session completes |
## How to connect any integration
Follow these steps to activate any integration in DemoKraft AI:
Go to **Settings → Integrations** from your DemoKraft AI dashboard.
Locate the integration you want to connect — use the search bar or browse by category.
Click **Connect** and complete the authentication flow. Slack use OAuth;
Set your sync preferences — contact matching rules, notification channels, trigger conditions, or field mappings — depending on the integration.
Click **Save**. The integration is now active and will process data from your next completed session.
## How data flows after a session
When a visitor completes an AI Hub session, DemoKraft AI processes and routes data in this sequence:
1. **Session ends** — the AI Hub session concludes and the visitor's engagement is recorded.
2. **Lead/Visitor profile created** — DemoKraft AI generates a Lead/Visitor Intelligence profile with qualification score (if applicable), content watched, and questions asked.
3. **Slack alert fires** — a real-time alert is posted to your chosen Slack channel.
4. Support for more tool integrautions is coming soon. Support for custom tool can be planned as part of Enterprise plan.
# Get Real-Time Hot Lead/Viewer Alerts in Slack from AI Hub
Source: https://docs.demokraft.ai/integrations/slack
The Slack integration sends instant alerts to your slack channel when a lead/viewer completes a session or other events like CTA clicked.
The DemoKraft AI Slack integration keeps your team informed the moment a high-intent event happens in an AI Hub session. Instead of checking dashboards or waiting for updates, your team receives a structured alert card in the Slack channel of your choice — with the visitor's name, company, qualification score(if applicable), and direct links to their Lead/Viewer Intelligence profile.
## What it sends
The Slack bot posts an alert when any of the following events occur:
* A session completion score (if applicable).
* A visitor event like a CTA button clicked.
## Setup
Go to **Integrations → Slack** and click **Connect**. Complete the OAuth flow and select the Slack workspace you want to connect. Approve Demokraft AI Slack app access. You are returned to DemoKraft AI once the connection is authorised.
In the Slack integration settings, click **Select Channel** and choose the channel where alerts should be posted — for example, `#sales-alerts` or `#Training-Users`. Click **Save**.
Click **Settings -> Notifications** and set your preferences in Notifications config.
# DemoKraft AI: Kraft & Turn Content into Competitive Edge!
Source: https://docs.demokraft.ai/introduction
**The Product & Solution Content Platform for Teams**
## Problem being solved
Modern software is becoming more powerful every day.
Yet explaining software has never been harder.
Companies invest heavily in building great products, attracting visitors, and generating leads—but many potential customers leave before fully understanding what the product does, why it matters, or how it solves their problems.
Today's buyers expect instant understanding through engaging product experiences—not lengthy documentation or scheduled demonstrations.
At the same time, every team inside a software company depends on compelling product content.
As products evolve rapidly, creating and maintaining high-quality product content has become one of the biggest operational challenges for software organizations.
## **Introducing Demokraft AI**
### **The Product Content Platform**
Demokraft AI helps software teams create **studio-quality product content** faster through an intuitive visual editor purpose-built for software products.
Whether starting from a screen recording, creating graphical product videos with motion graphics, customizing professional templates, or soon generating complete product videos from a simple prompt, teams can create polished, brand-consistent product experiences in minutes instead of days.
Built-in intelligent capabilities simplify content creation, multilingual communication, and localization, including support for **screen recording in 14 languages** and **translation into 39 languages**.
## **One Platform. Three Powerful Solutions.**
### **🎬 Demokraft AI Studio — You Create**
Create professional product videos, guides, GIFs, and graphical product stories through a modern visual editor with templates, reusable objects, motion graphics, branding, AI voiceovers, and localization.
**Coming Soon:** Generate complete product videos from a simple prompt, then refine them visually before publishing.
### **🌐 Demokraft AI Hub — We Host**
Transform product content into an active business asset with interactive demos, secure sharing, playlists, AI-guided experiences, and engagement analytics.
Or simply export and publish your content through your own website, LMS, CMS, knowledge base, sales enablement platform, or any hosting platform of your choice.
### **✨ Demokraft AI Creative — We Create**
For major launches, executive presentations, homepage videos, and premium marketing campaigns, our creative team delivers custom, brand-aligned product storytelling.
## Who uses DemoKraft AI
DemoKraft AI is built for every team that creates, shares, or relies on product content:
Launch videos, Self-guided prospect demos, AI-qualified lead generation, and personalised follow-up content that works around the clock.
Technical walkthroughs, competitive battle cards, and RFP videos that showcase depth without scheduling a live call.
Onboarding playlists and feature adoption guides that help customers get value faster — without manual hand-holding.
Knowledge base content, tutorial libraries, and self-serve learning portals that scale support without scaling headcount.
Feature release videos and visual release notes that communicate what shipped — clearly, quickly, and without meetings.
Employee onboarding, compliance training, and micro-learning content that engages new hires from day one.
## How to use this guide
If you're new to DemoKraft AI, start with the [Quickstart guide](/getting-started/quickstart) to create your first demo video in under few minutes.
If you're setting up your team's workspace, follow [Account Setup](/getting-started/account-setup) and then review [Plans & Pricing](/account/plans-and-pricing) to find the right plan for your team size and usage.
To go deeper on specific features, jump directly to:
* [Demokraft AI Studio Overview](/ai-studio/overview) — content creation: scripts, voiceover, effects, and export.
* [Demokraft AI Hub Overview](/ai-hub/overview) — playlists activation, sharing modes, and insights.
* [Demokraft AI Creative](https://demokraft.ai/video-creation/) — our creative team delivers custom, brand-aligned product storytelling.
## Need help?
Our support team is here whenever you need us. Reach out at [support@demokraft.ai](mailto:support@demokraft.ai) or visit [demokraft.ai](https://demokraft.ai) for product updates, webinars, and the community forum.