Sandbox / Mockup integration flow

TikTok Integration Demo

This page demonstrates the complete end-to-end UI flow for TikTok account authorization and prepared news photo upload. It shows Login Kit, user.info.profile, Content Posting API, video.upload, and MEDIA_UPLOAD through website interface actions.

End-to-end flow

Click the buttons below in order during the review video.

1. Connect TikTok Account

Login Kit authorizes the TikTok account owner. The user.info.profile scope is used only to identify the authorized account.

Not connected yet.

2. Prepare News Photo Post

The internal team prepares a news image, title, description, hashtags, and source link before upload.

No post prepared yet.

3. Upload with Content Posting API

The video.upload scope is used to upload the prepared news photo post in MEDIA_UPLOAD mode.

Waiting for prepared post.

VSE NOVOSTI

Prepared news photo preview

Prepared news post will appear here

Click “Prepare News Post” to show the title, description, hashtags, and source link.

Demo Log

Demo ready. Website URL: https://vsenovosti.online/ Product: Login Kit Product: Content Posting API Mode: MEDIA_UPLOAD Media type: PHOTO

Selected products and scopes shown in this demo

Login Kit: authorizes the TikTok account owner and returns permission for the app.

user.info.profile: used only to display the authorized TikTok account identity in the website UI.

Content Posting API: uploads prepared news photo posts.

video.upload: used for MEDIA_UPLOAD mode. The final posting decision remains with the TikTok account owner inside TikTok.