Careers Page Editor iFrame setup for Wix

This excerpt is part of a broader overview article, and for the complete details, you can access the full article here.

These are the steps to use the iFrame for your Wix website.

Note: This is not an integration or partnership.  These are the steps to use an iFrame.

1. Login to Wix.com with your credentials
2. Click Code
3. Click Turn On Developer Tools
   1. If this is already activated then it'll show Turn Off Developer Tools
   2. The example below has it already turned on
      
      
      
      
4. Scroll to the bottom of the page
5. Click on the bottom bar
6. Add the following to Page code
   
   import wixLocation from 'wix-location';
   export function compasframe_message(event, $w) { handleCompasFrameMessageReady(event, $w); }
   function handleCompasFrameMessageReady(event, $w) { if (!event.data || event.data.type !== 'compasframe_ready') return;
   let query = wixLocation.query;
   $w("#compasframe").postMessage({ type: 'compasframe_load', query: query }); }
   
   
   
   
7. Go to the Area/Page, where you want to add the iFrame
8. Click the '+' symbol
9. Click More
10. Click Embed a Site
    
    
    
    
11. Adjust the size of the Embed a Site as desired
12. Find your specific bid and jbid IDs
    1. Login to your BOLD environment
    2. Click Account & Settings
    3. Click Utilities
    4. Click on the Careers Page Editor Tile
       
       
       
       
13. Copy the bid and the jbid
    
    
    
    In example above:
    
    bid = AbcDE456fgHI          (replace the XXXXX in the link below)
    jbid = jKlmN1516oP          (replace the YYYYY in the link below)
    
    
14. Update the following link with you 'bid' and 'jbid' IDs:
    https://hire.myavionte.com/sonar/v2/careers/integrations/wix/iframe?bId=XXXXX&jbId=YYYYY
    
    Example using the 'bid' and 'jbid' above:
    https://hire.myavionte.com/sonar/v2/careers/integrations/wix/iframe?bId=AbcDE456fgHIjbId=jKlmN1516oP
    
    
15. On the Embed a Site, click View Properties
16. Set the following fields:
    
    1. ID = compasframe
    2. onMessage event = compasframe_message
       
       
       
       
17. Be sure to Save and Publish your changes
    1. The preview may not work while in the Wix design view
    2. Visit your website and refresh the page to see the changes

3rd party link Disclaimer: These links are being provided as a convenience and for informational purposes only; they do not constitute an endorsement or an approval by [The author] of any of the products, services or opinions of the corporation or organization or individual. [The author] bears no responsibility for the accuracy, legality or content of the external site or for that of subsequent links. Contact the external site for answers to questions regarding its content.