Integrate Firework with Duda

How to integrate your Firework account with the Duda App Store

Duda is a website builder marketed for professionals. You can integrate Firework using the Duda App Store. 

Step 1: Install the Firework App

1. Navigate to your Duda Website Dashboard.
2. Click APP STORE within the left navigation Menu, and Search for Firework
   
3. Then click + Add App
4. Choose your plan by clicking the Choose button at the bottom of the relevant plan. It will load momentarily, and then provide you a congratulations page. Click Got it.
5. Your new Firework account will be created within your Duda site dashboard. 

Step 2: Add an element to your website design.

1. In the Duda design tool, add a section where you want to Embed your Firework Videos and click the + button, hovering over the + button will expand it to say "+ Add Section". 
   
2. Add a 4 Column section from the Flex Section folder, and click Save.
3. Edit the Grid, by opening the Design Panel. Select the 1x1 column layout to create a blank content block.
   
   
4. Then press the + button in the center of the section to add content to the section.
   
5. This will pop up the widget adder. Search for and select Firework to proceed.
   
6. This will load a small blank rectangle, and create a floating pop-up looking for the Firework Credentials to create the widget.

Step 3: Fill the content block with your Firework Playlist

1. Go back to the APP STORE  and Open the Firework App without closing the floating pop-up.
2. This will bring you back to your Firework Business Portal within Duda. Select the channel or playlist you want to add to your content block and click the Embed button to get to the embed settings. You may need to move your floating pop-up to access the button. 
   
3. The standard Embed page is replaced with your Channel ID, and Playlist ID to add to your Duda website. Use the copy icons to add the IDs to your clipboard and paste them in the relevant fields on your Floating Pop-up. Then select your Layout. Then close the Firework App within Duda.
   

Step 4: Resize your content

1. After a short loading period, that small empty rectangle will enlarge and contain a small snippet of the video playlist.
   
2. Use the Design tools in the right-hand panel to align the box to the center of the vertical and horizontal axes. Click the px at the right side of the Width options, to change that field to % represent the percentage of the content block to take. 
   
3. Mark that as 100%, then click Done.
   
4. Then you may preview and publish your page to add the video to your website.