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

      Account Settings - Utilities - Career Page Editor.gif

  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.

 

 

Articles in this section

Was this article helpful?
0 out of 0 found this helpful
Share